Canlı web sayfalarını yapılandırılmış, yapay zeka ajanları için hazır UI bağlamı olarak yakalayan bir tarayıcı eklentisi ve MCP sunucusu.
ViewGraph, kurulum öncesi dokümantasyonu kontrol edilmesi gereken ve güven sinyalleri güçlü bir araç. En iyi sonuç için uyumlu agent ve kullanım senaryosu eşleşmesini kontrol et.
Repository başlangıç yönlendirmesi
gh repo view sourjya/viewgraph --webResmi repo veya web sitesini aç.
README'deki package manager, auth ve platform gereksinimlerini kontrol et.
Kendi agent/workflow içinde küçük bir test görevinde dene.
ViewGraph, yapay zeka kodlama ajanlarının web sayfalarını anlamasına yardımcı olan bir araçtır. Herhangi bir web sayfasının yapısını, stillerini ve düzenini yakalar ve AI'ya kompakt bir formatta sunar. Bu, token tasarrufu sağlar ve AI'nın test, denetim ve kod incelemesi gibi görevlerde daha verimli olmasını sağlar.
ViewGraph, canlı web sayfalarını yapılandırılmış, ajan hazır UI bağlamı olarak yakalayan bir geliştirici süper asistanıdır. Düzen, DOM benzeri yapı, seçiciler, stiller, uzamsal ilişkiler, ekran görüntüleri ve meta verileri birleştirerek kodlama ajanlarının test oluşturmasına, arayüzleri denetlemesine, değişiklikleri karşılaştırmasına ve daha hızlı geliştirme yapmasına yardımcı olur. Araç, bir tarayıcı eklentisi (Chrome/Firefox) ve 41 araç ile 12 şablon sunan bir MCP sunucusundan oluşur. Kiro, Claude Code, Cursor, Windsurf, Cline ve Aider gibi MCP uyumlu tüm ajanlarla çalışır. ViewGraph, ajanların ihtiyaç duyduğu temel UI bağlamını sağlayarak token israfını %97'ye kadar azaltmayı ve ajan kodlamayı çevresel olarak daha sürdürülebilir kılmayı hedefler. Ayrıca testler sırasında DOM anlık görüntüleri yakalamak için Playwright ve Vitest entegrasyonlarını içerir.
Güven sinyalleri güçlü; yine de production kullanımından önce README ve izinleri kontrol et.
Son commit yaklaşık 68 gün önce.
6 GitHub yıldızı topluluk ilgisini gösteriyor.
0 açık issue bakım yükü hakkında sinyal verir.
AGPL-3.0 lisansı görünüyor.
Sayfa yapısını ve seçicileri yakalayarak uçtan uca testler oluşturun.
Web arayüzlerini erişilebilirlik sorunları ve eksik test kimlikleri için denetleyin.
Farklı sürümler veya dallar arasındaki UI değişikliklerini karşılaştırın.
Kod incelemesi ve hata ayıklama için AI ajanlarına yapılandırılmış bağlam sağlayın.
Dokümantasyon veya hata raporları için web sayfalarını yakalayın ve notlar ekleyin.
Eklenti, hassas veriler içerebilecek sayfa içeriğini yakalar; kişisel veya gizli bilgilerin olduğu sayfalarda kullanmaktan kaçının.
MCP sunucusu yerel olarak çalışır; güvenilmeyen ağlara maruz kalmadığından emin olun.
6
Yıldız
1
Fork
0
Açık Sorun
AGPL-3.0
Lisans
Herhangi bir web sitesinin tüm tasarım sistemini tek komutla çıkarın.
Argos, ekiplerin kaliteyi korumasına yardımcı olan, istenmeyen UI değişikliklerini tespit eden açık kaynaklı bir görsel test platformudur.
UI bileşenleriniz için tasarım sistemi dokümantasyonunu doğrudan AI ajanınızdan oluşturun, Figma veya taşınabilir .md dosyalarına dönüştürün.
Canlı web sayfalarını yapılandırılmış, yapay zeka ajanları için hazır UI bağlamı olarak yakalayan bir tarayıcı eklentisi ve MCP sunucusu.
MCP uyumlu kodlama ajanları kullanan AI destekli geliştiriciler., UI testlerini ve erişilebilirlik denetimlerini otomatikleştiren QA mühendisleri., Web arayüzlerini hızlıca anlaması ve değiştirmesi gereken full-stack geliştiriciler.
Kurulum bölümü repository düzeyinde başlangıç yönlendirmesi sunar; bağımsız bir kurulum testi garantisi değildir. Resmi README ve sürüm notlarını kontrol edin.
Eklenti, hassas veriler içerebilecek sayfa içeriğini yakalar; kişisel veya gizli bilgilerin olduğu sayfalarda kullanmaktan kaçının. MCP sunucusu yerel olarak çalışır; güvenilmeyen ağlara maruz kalmadığından emin olun.
Değerlendirilebilecek benzer veya tamamlayıcı araçlar: design-extract, Argos, uSpec.
7 Haz 2026
2 güvenlik/güven notu kayıtlı.
Kurulum zorluğu 3/5.