Cubierta de Rueda: Mensajería Bidireccional Persistente entre CLI y JavaScript del Navegador mediante CDP
Qué hace Hubcap Bridge
Hubcap Bridge establece un canal de mensajes bidireccional persistente entre un proceso local y JavaScript ejecutándose en una página del navegador utilizando el Protocolo Chrome DevTools. Esto aborda la brecha donde las aplicaciones web carecen de APIs públicas o los desarrolladores no tienen acceso a ellas, pero las aplicaciones tienen ricas APIs de JavaScript del lado del cliente que impulsan su interfaz de usuario.
Características principales y uso
La sintaxis del comando bridge es:
hubcap bridge --target "$TAB" ' for await (const msg of messages) { const result = await window.appAPI.query(msg.sql); send({rows: result}); } 'La comunicación ocurre a través de stdin/stdout transportando formato LDJSON. Los latidos detectan desconexión, y múltiples bridges pueden ejecutarse en la misma pestaña.
Aplicaciones prácticas
Esto permite construir habilidades de Claude Code que incluyen un servidor local mantenido sincronizado con una página web a través de sus APIs internas. El servidor usa bridge para enviar y recibir datos a través de la capa JavaScript de la página, con Claude comunicándose con el servidor. Este enfoque evita el scraping de HTML y no requiere esperar a que alguien construya un servidor MCP.
Debido a que el código inyectado por CDP se ejecuta en el contexto propio de la página, no hay problemas de CORS, CSP o contenido mixto que resolver. El autor señala: "Si puedes llamarlo desde la consola del navegador, puedes canalizarlo a través de bridge."
Notas de lanzamiento adicionales
También en este lanzamiento: eval ahora admite await de nivel superior.
Consideración importante
La fuente incluye esta nota: "(Asegúrate de mantenerte dentro de los términos de servicio de cualquier cosa con la que te estés integrando.)"
Recursos
- Publicación de blog: https://tomyandell.dev/blog/hubcap-bridge
- Plugin Hubcap: https://github.com/tomyan/claude-skill-hubcap
- Documentación: https://hubcap.tomyandell.dev
- Source: https://github.com/tomyan/hubcap
📖 Read the full source: r/ClaudeAI
👀 Ver también
git-prism v0.9.0: Proporciona Diffs Estructurados a Agentes de Codificación de IA mediante MCP
git-prism es un servidor MCP que reemplaza el texto diff de git con JSON estructurado para agentes de IA.
Heddle: Aplicación de Confianza y Registro de Auditoría para Conexiones MCP de Claude Desktop
Heddle es una herramienta de código abierto que añade niveles de confianza, controles de acceso y registro de auditoría a las conexiones MCP de Claude Desktop, permitiendo la gestión segura de múltiples servicios a través de una única interfaz con seis paquetes iniciales incluidos.
La extensión de navegador wearehere escanea sitios en busca de riesgos de rastreo y privacidad.
wearehere es una extensión de navegador que escanea sitios web en diez categorías, incluyendo cookies, rastreadores, huella digital del dispositivo y patrones oscuros, luego los puntúa según los riesgos de privacidad. Tiene menos de 200KB, se ejecuta localmente en el navegador y también está disponible como un paquete npm para integrarse con agentes de IA a través del servidor MCP barebrowse.
Servidor MCP de Soul Agrega Memoria Persistente y Seguridad para LLMs Locales
Soul es un servidor MCP de código abierto que proporciona memoria persistente entre sesiones para LLMs locales con dos comandos: n2_boot al inicio y n2_work_end al final. Incluye características de seguridad Ark que bloquean comandos peligrosos como rm -rf y DROP DATABASE sin costo de tokens, además de configuración de almacenamiento en la nube.