Screenshot of Synapse
PROJECT
live

Synapse

Watch AI agents think — visualize AI decision-making in real-time

Real-time AI agent decision visualizer built for the naglasupan.is programming competition. Renders every thought, tool call, file operation, and decision as an interactive node graph powered by React Flow.

Supports three modes: pre-loaded demo sessions showing agents solving real problems, file upload for OpenClaw/Clawdbot session files, and live WebSocket streaming from any AI agent. Includes playback controls with 1–8x speed, step-through, and click-to-inspect on any node. Handles multi-agent orchestration where parent agents spawn sub-agents.

The entire project was designed, architected, and coded by an AI agent autonomously — the human provided the goal and deadline. Built on Next.js 15 with Zustand, Framer Motion, and Pusher for real-time streaming.