Lokale MCP-server voor agent-klaar web UI-context
viewgraph, van Sourjya Sankar Sen, is een MCP-server die live webpagina's omzet in een compacte, agentvriendelijke UI-context voor AI-codingassistenten. Het legt de DOM-structuur, visuele lay-out en interactieve elementmappingen vast, zodat agents interfacecontroles kunnen verwijzen met een lagere tokenoverhead. Het project bundelt een browserextensie, sessie-opnametools en lokale opslag. De doelgroep zijn software-ingenieurs en QA-testers die agentische tools integreren in ontwikkelings- en testworkflows.
Welke praktische taken stelt het in staat voor agenten?
De server converteert live pagina's naar een gestructureerde, agent-klaar UI-context, zodat modellen interface-georiënteerde taken kunnen uitvoeren in plaats van rauwe HTML te parseren. Vastleggingen omvatten lay-out, DOM-selectors, stijlen en geïndexeerde interactieve elementen, waardoor taken zoals UI-audits, programmatic navigatie en reproduceerbare bugweergave mogelijk zijn. Outputs zijn gericht op het verminderen van ambiguïteit wanneer een agent moet kiezen welke controle te activeren tijdens geautomatiseerd testen.
- UI-audits en toegankelijkheidscontroles
- Scripted navigatie voor end-to-end tests
- Reproduceerbare bugvastlegging voor rapportage
Hoe betrouwbaar en compact is de gegenereerde UI-context?
De tool produceert token-efficiënte vastleggingen, met een Action Manifest-formaat dat de vastleggingsschaal met tot 85 procent verkleint in vergelijking met rauwe HTML. Ruimtelijke indexering biedt O(log n) elementvragen op basis van coördinaten, wat nauwkeurige selectie in dichte lay-outs ondersteunt. Opgenomen sessies koppelen HTML-snapshots aan screenshots, zodat multi-stap flows zowel structuur als visuele referentie behouden voor verificatie tijdens analyse.
Kunnen teams het integreren in bestaande agent workflows zonder zware herwerking?
De server draait als een MCP-compatibele Node.js/NPM-service en omvat een Chrome-extensie voor handmatige vastleggingen, passend in agentische opstellingen die MCP ondersteunen. Het ondersteunt automatische URL-routering voor maximaal vier projecten en slaat vastleggingen lokaal op in een .viewgraph-directory. De ontwikkelaar richt zich op software-ingenieurs en QA-testers; teams die MCP-compatibele clients gebruiken, kunnen agenten direct aansluiten, terwijl zelfstandige testers geannoteerde rapporten kunnen exporteren.
Een specialistisch hulpmiddel voor engineeringteams die agentische workflows integreren
De server is geschikt voor engineering- en QA-teams die al afhankelijk zijn van agentische tools en een hogere precisie van interfacecontext nodig hebben; feedback van de gemeenschap merkt op dat de technische focus en tokenbesparingen als sterke punten worden gezien. Verwacht een ontwikkelaarsgerichte setup en plan om agentacties handmatig te valideren, aangezien outputs gestructureerde context bieden in plaats van gezaghebbende beslissingen over correctheid.
