SeeCode enables software architects and AI agents to visualize complex codebases, data flows, and physical objects through a short JSON specification. It converts technical specifications into standalone HTML visualizations without requiring manual SVG or HTML authoring.
The tool supports 45 diagram types, including ER diagrams, UML classes, and 3D isometric views. It can ingest Mermaid, Graphviz, PlantUML, and SQL to produce clean diagrams exported as static images or animated video files.
Follow the documented setup, then try a first task.
Installs: The seecode plugin, including its skill and plugin commands. · Claude Code
Enter both commands in a Claude Code agent session to add the marketplace and install the plugin.
/plugin marketplace add Aryanutkarsh/seecode /plugin install seecode@seecode
In the agent session, open /plugin → Marketplaces → seecode → Enable auto-update.
Start a new agent session so the installed skill loads.
Installs: Global installation of the repository's Agent Skills through skills.sh. · Claude Code, Cursor, Codex, OpenCode
Run this command in a terminal for a global installation in an Agent Skills host.
npx skills add Aryanutkarsh/seecode -g
Start a new agent session so the installed skill loads.
Installs: The seecode plugin, whose manifest includes the repository's skills directory. · Codex
Run both commands in a terminal to add the marketplace and install the Codex plugin.
codex plugin marketplace add Aryanutkarsh/seecode codex plugin add seecode@seecode
Start a new agent session so the installed skill loads.
Installs: The seecode plugin. · GitHub Copilot
Run both commands in a terminal to add the marketplace and install the GitHub Copilot plugin.
copilot plugin marketplace add Aryanutkarsh/seecode copilot plugin install seecode@seecode
Start a new agent session so the installed skill loads.
Installs: The seecode.zip skill release. · Claude.ai, Claude Desktop
Platform: Claude.ai / Claude Desktop; image and video files use the diagram's Export menu because the sandbox has no browser.
Download seecode.zip from https://github.com/Aryanutkarsh/seecode/releases/latest and upload it under Settings → Capabilities → Skills.
Start a new agent session so the installed skill loads.
Installs: The selected seecode skill folder, linked into ~/.claude/skills/seecode.
Run both commands in a terminal to clone the repository into ~/code/seecode and link its seecode skill folder into ~/.claude/skills/seecode.
git clone https://github.com/Aryanutkarsh/seecode ~/code/seecode ln -s ~/code/seecode/skills/seecode ~/.claude/skills/seecode
Start a new agent session so the installed skill loads.
Uses seecode
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.
Uses seecode
Use the seecode skill to scan the repository directory I provide and create a small interactive HTML architecture diagram of its main modules and connections. Keep it to at most nine nodes, include file-and-line evidence for confirmed components, and return the output path with a sentence explaining the diagram.
Uses seecode
Use the seecode skill to import the Mermaid file I provide and redraw it as a small interactive HTML diagram. Preserve the meaning of its labels and connections, explain any changes made during the redraw, and return the output path.
Claude
Codex
Cursor
Copilot
OpenCode