SeeCode

Diagrams that move, explain and export themselves.

Ask your agent for a diagram. SeeCode turns a short spec into an editorial-quality, animated, explorable diagram: one HTML file you can hover, click and walk through, or export as SVG, PNG, GIF or MP4 for wherever it needs to go.

Install  ·  Diagram types  ·  Features  ·  Themes  ·  Import  ·  Export  ·  CLI

Exported straight from the diagram. ▶ See the viewer in action: hover trace, focus panel, route journey.

Install, then describe what you want to see

Claude Code (recommended: the plugin keeps you on the latest release):

/plugin marketplace add Aryanutkarsh/seecode
/plugin install seecode@seecode

Cursor, Codex, OpenCode and other Agent Skills hosts:

npx skills add Aryanutkarsh/seecode -g

More install options, and how to update.

Then ask:

Use SeeCode to show how checkout works: the browser calls the API,
the API writes to Postgres, charges Stripe and publishes an event to Kafka.

Keep going in plain language: "highlight the payment path", "make it dark", "export it for my slides". The first time you use it in a project, SeeCode asks once whether to use your global settings or create project-specific ones.

45 diagram types

Every type animates its own way (systems trace their flows, sequences play message by message, charts grow), and every type can also be fully static. Click any diagram for the full-size image. Charts take their numbers from a CSV or JSON file, so the data never has to pass through the model.