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
LetMeWatch : Un plugin Python ajoute l'analyse vidéo à Claude via la détection de scènes FFmpeg
Un développeur a créé un plugin Python d'environ 200 lignes appelé LetMeWatch qui permet à Claude d'analyser des vidéos en utilisant FFmpeg pour la détection de scènes, en extrayant uniquement les images où le contenu visuel change, en les horodatant, et en les envoyant par lots à la vision multimodale de Claude.
BusyDog Desktop : Un agent IA local avec réseau P2P pour Mac
BusyDog Desktop est un agent d'IA local qui exécute Claude directement sur un Mac, peut lire/écrire des fichiers, exécuter des commandes terminal, contrôler des navigateurs et se connecter avec d'autres agents via un réseau P2P utilisant Hyperswarm DHT et un protocole BDP personnalisé.
Utiliser /probe pour détecter les hallucinations de l'IA avant d'écrire du code
Un développeur partage une technique appelée /probe qui force les plans générés par l'IA à émettre des affirmations numérotées avec des valeurs attendues, puis sonde le système réel pour détecter les écarts. La méthode a révélé quatre erreurs factuelles dans la description par Claude de son propre format JSONL, qui auraient causé des bugs dans le code.
Système de mémoire locale pour les outils de codage IA extrait plus de 2 600 faits des historiques de conversation
Un développeur a créé une couche de mémoire locale qui ingère les journaux de conversation de Claude Code, Factory.ai et Codex CLI, extrait des faits structurés à l'aide d'un LLM local, et injecte automatiquement le contexte dans les nouvelles sessions. Après plusieurs mois d'utilisation, il a indexé plus de 13 000 messages et extrait plus de 2 600 faits.