Synapse : Tableau de bord en temps réel pour visualiser les sessions de l'agent de code Claude

Synapse est un tableau de bord en temps réel qui visualise les sessions de l'agent Claude Code sous forme de graphes de nœuds interactifs en direct, répondant au problème des opérations d'agents opaques où les utilisateurs ne voient qu'un curseur clignotant.

Installation et Prérequis

Une seule commande installe et démarre Synapse :

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

Prérequis : Node.js et Claude.

Fonctionnalités Clés

• Visualise chaque création d'agent, appel d'outil et sous-agent sous forme de nœuds connectés
• Quatre lentilles d'analyse : vue arborescente, treemap, diagramme de Sankey et chronologie de compactage
• Regroupement des appels d'outils pour éviter que 47 appels ne créent 47 nœuds distincts
• Approbation à distance depuis les appareils mobiles — démarrer un travail sur ordinateur, approuver depuis le téléphone
• Navigation au clavier pour parcourir de grands arbres de nœuds (par exemple, 200 nœuds) sans souris

Contexte de Développement

Entièrement construit avec Claude Code. Le développeur a fourni les idées, tandis que Claude a généré les 38 000 lignes de code.

Ressources

• Site web : https://usesynapse.dev
• Package npm : @synapse-ai/cli
• Dépôt GitHub : https://github.com/Soarcer/synapse

Le développeur sollicite des retours via un fil de discussion sur GitHub.