Hubcap Bridge : Messagerie Bidirectionnelle Persistante entre CLI et JavaScript Navigateur via CDP
Ce que fait Hubcap Bridge
Hubcap Bridge établit un canal de communication bidirectionnel persistant entre un processus local et le JavaScript exécuté dans une page de navigateur en utilisant le Chrome DevTools Protocol. Cela comble le manque lorsque les applications web n'ont pas d'API publiques ou que les développeurs n'y ont pas accès, mais que les applications disposent d'API JavaScript côté client riches qui alimentent leur interface utilisateur.
Fonctionnalités principales et utilisation
La syntaxe de la commande bridge est :
hubcap bridge --target "$TAB" ' for await (const msg of messages) { const result = await window.appAPI.query(msg.sql); send({rows: result}); } 'La communication se fait via stdin/stdout transportant le format LDJSON. Les battements de cœur détectent la déconnexion, et plusieurs ponts peuvent fonctionner dans le même onglet.
Applications pratiques
Cela permet de créer des compétences Claude Code qui incluent un serveur local maintenu synchronisé avec une page web via ses API internes. Le serveur utilise le pont pour pousser et tirer des données à travers la couche JavaScript de la page, avec Claude communiquant avec le serveur. Cette approche évite le scraping HTML et ne nécessite pas d'attendre que quelqu'un construise un serveur MCP.
Parce que le code injecté par CDP s'exécute dans le contexte propre à la page, il n'y a pas de problèmes de CORS, CSP ou de contenu mixte à contourner. L'auteur note : "Si vous pouvez l'appeler depuis la console du navigateur, vous pouvez le faire passer par le pont."
Notes de version supplémentaires
Également dans cette version : eval prend désormais en charge le await de niveau supérieur.
Considération importante
La source inclut cette note : "(Assurez-vous de respecter les conditions d'utilisation de tout ce avec quoi vous vous intégrez.)"
Ressources
- Article de blog : https://tomyandell.dev/blog/hubcap-bridge
- Plugin Hubcap : https://github.com/tomyan/claude-skill-hubcap
- Documentation : https://hubcap.tomyandell.dev
- Source : https://github.com/tomyan/hubcap
📖 Read the full source: r/ClaudeAI
👀 See Also
Fennara : Plugin Godot + MCP pour agents IA avec boucle de rétroaction itérative
Fennara est un plugin Godot et serveur MCP qui fournit aux agents IA des diagnostics de scripts, une validation de scènes, des erreurs d'exécution, des informations sur les nœuds, des captures d'écran et des résultats de recherche sémantique après chaque modification — permettant une boucle de rétroaction plus serrée que des commandes uniques.
L'extension Compass pour Chrome ajoute des outils de navigation à Claude et ChatGPT
Un développeur a créé une extension Chrome gratuite appelée Compass qui ajoute une mini-carte de prompts, des en-têtes de défilement fixes, des listes de contrôle de session et des modèles de création de prompts aux interfaces Claude et ChatGPT pour résoudre les problèmes de navigation dans les conversations longues.
llm-use – Un Cadre Open-Source pour le Routage et l'Orchestration de Flux de Travail Multi-Agents LLM
llm-use révolutionne l'automatisation avec son framework open-source conçu pour acheminer et orchestrer efficacement les workflows multi-agents LLM. Découvrez son impact sur les opérations d'IA.
Transloadit MCP Server Connecte les Agents IA au Pipeline de Traitement Média
Transloadit a développé un serveur MCP qui connecte Claude et d'autres agents d'IA à leur pipeline de traitement multimédia avec 86 Robots pour le traitement vidéo, audio, image et document. La configuration dans Claude Code nécessite une seule ligne : npx -y @transloadit/mcp-server stdio avec les variables d'environnement TRANSLOADIT_KEY et TRANSLOADIT_SECRET.