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
Colony : Une couche de coordination locale qui réduit les jetons de transfert multi-agents de 30 000 à 400
Colony est un substrat de coordination local-first qui réduit les coûts de transfert multi-agents d'environ 30 000 jetons à environ 400 en remplaçant la relecture du contexte par des observations compactes stockées dans SQLite.
Configuration iTerm2 à 4 Panneaux pour CLI Code Claude Séparant les Rôles d'IA
Un développeur a créé une configuration de terminal iTerm2 à quatre volets spécifiquement pour Claude Code CLI pour résoudre la dérive de contexte et le biais d'auto-évaluation. Chaque volet est verrouillé sur un rôle spécifique avec des modèles et des autorisations dédiés.
Orloj : Runtime d'Orchestration Déclarative pour Systèmes d'IA Multi-Agents
Orloj v0.1.0 est un runtime d'orchestration open source qui vous permet de définir des agents d'IA, des outils, des politiques et des flux de travail dans des manifestes YAML avec GitOps. Il gère la planification, l'exécution, la gouvernance et la fiabilité pour les systèmes multi-agents en production.
Matrice LLM : Comparaisons de modèles votées par la communauté, construites avec Claude Code
Un data scientist a créé llm-matrix.vercel.app pour comparer les scores des LLM sur plusieurs dimensions simultanément, les votes de la communauté façonnant les classements. Le site a été entièrement développé avec Claude Code en utilisant deux plugins spécifiques.