Server MCP lokal untuk konteks UI web siap agen
viewgraph, dari Sourjya Sankar Sen, adalah server MCP yang mengubah halaman web langsung menjadi konteks UI yang ringkas dan ramah agen untuk asisten pengkodean AI. Ini menangkap struktur DOM, tata letak visual, dan pemetaan elemen interaktif sehingga agen dapat merujuk kontrol antarmuka dengan overhead token yang lebih rendah. Proyek ini mengemas ekstensi browser, alat penangkapan sesi, dan penyimpanan lokal. Pengguna target adalah insinyur perangkat lunak dan penguji QA yang mengintegrasikan alat agen ke dalam alur kerja pengembangan dan pengujian.
Tugas praktis apa yang dapat diaktifkan untuk agen?
Server mengubah halaman langsung menjadi konteks UI terstruktur yang siap untuk agen sehingga model dapat melakukan pekerjaan yang berorientasi antarmuka alih-alih mem-parsing HTML mentah. Tangkapan mencakup tata letak, pemilih DOM, gaya, dan elemen interaktif yang diindeks, memungkinkan tugas seperti audit UI, navigasi programatik, dan pemutaran bug yang dapat direproduksi. Keluaran bertujuan untuk mengurangi ambiguitas ketika seorang agen harus memilih kontrol mana yang akan diaktifkan selama pengujian otomatis.
- Audit UI dan pemeriksaan aksesibilitas
- Navigasi terprogram untuk pengujian end-to-end
- Tangkapan bug yang dapat direproduksi untuk pelaporan
Seberapa andal dan kompak konteks UI yang dihasilkan?
Alat ini menghasilkan tangkapan yang efisien token, dengan format Action Manifest yang memangkas ukuran tangkapan hingga 85 persen dibandingkan dengan HTML mentah. Pengindeksan spasial menyediakan kueri elemen O(log n) berdasarkan koordinat, yang mendukung pemilihan yang tepat dalam tata letak yang padat. Sesi yang direkam memasangkan snapshot HTML dengan tangkapan layar sehingga alur multi-langkah mempertahankan baik struktur maupun referensi visual untuk verifikasi selama analisis.
Bisakah tim mengintegrasikannya ke dalam alur kerja agen yang ada tanpa pekerjaan ulang yang berat?
Server berjalan sebagai layanan Node.js/NPM yang kompatibel dengan MCP dan menyertakan ekstensi Chrome untuk tangkapan manual, cocok untuk pengaturan agen yang mendukung MCP. Ini mendukung pengalihan URL otomatis untuk hingga empat proyek dan menyimpan tangkapan secara lokal di direktori .viewgraph. Pengembang menargetkan insinyur perangkat lunak dan penguji QA; tim yang menggunakan klien yang sesuai dengan MCP dapat melampirkan agen secara langsung, sementara penguji mandiri dapat mengekspor laporan yang dianotasi.
Alat khusus untuk tim teknik yang menyematkan alur kerja agentic
Server ini cocok untuk tim teknik dan QA yang sudah bergantung pada alat agentic dan membutuhkan konteks antarmuka yang lebih tinggi; umpan balik komunitas mencatat fokus teknis dan penghematan token sebagai kekuatan. Harapkan pengaturan yang berorientasi pada pengembang dan rencanakan untuk memvalidasi tindakan agen secara manual, karena keluaran menyediakan konteks terstruktur daripada keputusan otoritatif tentang kebenaran.
