Serveur MCP local pour le contexte de l'interface web prête pour l'agent
viewgraph, de Sourjya Sankar Sen, est un serveur MCP qui convertit des pages web en direct en un contexte UI compact et adapté aux agents pour les assistants de codage IA. Il capture la structure DOM, la mise en page visuelle et les mappages des éléments interactifs afin que les agents puissent référencer les contrôles d'interface avec un coût en tokens réduit. Le projet regroupe une extension de navigateur, des outils de capture de session et un stockage local. Les utilisateurs cibles sont des ingénieurs logiciels et des testeurs QA qui intègrent des outils agentiques dans les flux de développement et de test.
Quelles tâches pratiques cela permet-il pour les agents ?
Le serveur convertit les pages en direct en un contexte UI structuré, prêt pour les agents, afin que les modèles puissent effectuer des tâches orientées interface au lieu d'analyser du HTML brut. Les captures comprennent la mise en page, les sélecteurs DOM, les styles et les éléments interactifs indexés, permettant des tâches telles que l'audit UI, la navigation programmatique et la reproduction de bugs. Les sorties visent à réduire l'ambiguïté lorsque l'agent doit choisir quel contrôle activer lors des tests automatisés.
- Audit UI et vérifications d'accessibilité
- Navigation scriptée pour des tests de bout en bout
- Capture de bugs reproductibles pour reporting
Quelle est la fiabilité et la compacité du contexte UI généré ?
L'outil produit des captures économes en tokens, avec un format Action Manifest qui réduit la taille de la capture jusqu'à 85 % par rapport au HTML brut. L'indexation spatiale fournit des requêtes d'éléments O(log n) par coordonnées, ce qui permet une sélection précise dans des mises en page denses. Les sessions enregistrées associent des instantanés HTML avec des captures d'écran afin que les flux multi-étapes conservent à la fois la structure et la référence visuelle pour vérification lors de l'analyse.
Les équipes peuvent-elles l'intégrer dans les flux de travail des agents existants sans gros retravail ?
Le serveur fonctionne comme un service Node.js/NPM compatible MCP et inclut une extension Chrome pour des captures manuelles, s'intégrant dans des configurations agentiques qui supportent MCP. Il prend en charge le routage automatique des URL pour jusqu'à quatre projets et stocke les captures localement dans un répertoire .viewgraph. Le développeur cible les ingénieurs logiciels et les testeurs QA ; les équipes utilisant des clients conformes à MCP peuvent attacher des agents directement, tandis que les testeurs autonomes peuvent exporter des rapports annotés.
Un outil spécialisé pour les équipes d'ingénierie qui intègrent des flux de travail agentiques
Le serveur convient aux équipes d'ingénierie et de QA qui s'appuient déjà sur des outils agentiques et ont besoin d'un contexte d'interface de plus haute fidélité ; les retours de la communauté soulignent son orientation technique et les économies de jetons comme des atouts. Attendez-vous à une configuration orientée développeur et prévoyez de valider manuellement les actions des agents, car les sorties fournissent un contexte structuré plutôt que des décisions autoritaires sur la justesse.
