AI product Open source
SeeCode is an open-source agent skill that turns short JSON specifications written by Claude and other coding agents into animated, explorable diagrams. Its renderers handle layout, edge routing, labels, typography, accessibility and motion rather than requiring the model to write SVG; diagrams can be explored as self-contained HTML files and exported as SVG, PNG, JPEG, GIF or MP4. It supports architecture, flow, sequence, state, data, isometric and chart diagrams, with data loaded from CSV or JSON for charts.
SeeCode can import Mermaid, Graphviz, PlantUML, D2, draw.io, Excalidraw, Structurizr, BPMN, SQL, Prisma, DBML, OpenAPI and common data files, and can scan a repository to link diagram nodes to source files. It works with Claude Code, Cursor, Codex, OpenCode, GitHub Copilot and other Agent Skills hosts, requires Node 20 or later for its command-line tooling, and is licensed under the MIT License. The project states that it has no server, accounts or telemetry.
1 use taken from transcripts — each links to the moment in the video.
Lets Claude and other coding agents draw proper diagrams without writing SVG themselves. The agent writes a short JSON spec and SeeCode handles layout, edge routing, labels and animation, outputting a self-contained HTML file with 42 diagram types.
1 in the library.