Synapse: Panel de Control en Tiempo Real para Visualizar Sesiones del Agente de Código Claude

Synapse es un panel de control en tiempo real que visualiza las sesiones del agente Claude Code como gráficos de nodos interactivos en vivo, abordando el problema de las operaciones opacas de los agentes donde los usuarios solo ven un cursor parpadeante.

Instalación y Requisitos

Un comando instala e inicia Synapse:

npm install -g @synapse-ai/cli
synapse start

Requisitos: Node.js y Claude.

Características Principales

• Visualiza cada creación de agente, llamada a herramienta y subagente como nodos conectados
• Cuatro lentes de análisis: vista de árbol, mapa de árbol, diagrama de Sankey y línea de tiempo de compactación
• Agrupación de llamadas a herramientas para evitar que 47 llamadas a herramientas creen 47 nodos separados
• Aprobación remota desde dispositivos móviles: inicia un trabajo en el escritorio, aprueba desde el teléfono
• Navegación por teclado para navegar por grandes árboles de nodos (por ejemplo, 200 nodos) sin ratón

Antecedentes de Desarrollo

Desarrollado completamente con Claude Code. El desarrollador proporcionó las ideas, mientras que Claude generó las 38,000 líneas de código.

Recursos

• Sitio web: https://usesynapse.dev
• Paquete npm: @synapse-ai/cli
• Repositorio de GitHub: https://github.com/Soarcer/synapse

El desarrollador está buscando comentarios a través de un hilo de discusión en GitHub.