{
 "schema_version": 1,
 "generated": "2026-10-20",
 "repo": "Aryanutkarsh/SeeCode",
 "name": "SeeCode",
 "owner": "Aryanutkarsh",
 "slug": "aryanutkarsh-seecode",
 "github": "https://github.com/Aryanutkarsh/SeeCode",
 "what": "SeeCode is a JavaScript tool that turns a short JSON spec into an animated, explorable diagram that an AI coding agent can create and export.",
 "why": "",
 "language": "JavaScript",
 "requirements": [
  "A coding agent that supports Agent Skills, such as Claude Code, Cursor, Codex or OpenCode",
  "Node.js, needed for the command-line SVG export",
  "Chrome or Edge, needed only for command-line PNG, GIF or MP4 export"
 ],
 "audience_note": "Written for engineers and team leads who use Claude Code, Cursor, Codex or another Agent Skills host and need architecture or flow diagrams.",
 "risk": "none",
 "section": "earlier",
 "weekly_rank": null,
 "category": "Software and DevOps",
 "url": "https://dedupedai.com/use-cases/aryanutkarsh-seecode/",
 "use_case_count": 5,
 "use_cases": [
  {
   "id": "aryanutkarsh-seecode--explain-system-architecture-as-interactive-html",
   "title": "Turn a system description into an interactive architecture diagram",
   "best": true,
   "url": "https://dedupedai.com/use-cases/aryanutkarsh-seecode/explain-system-architecture-as-interactive-html/",
   "json": "https://dedupedai.com/use-cases/u/aryanutkarsh-seecode/explain-system-architecture-as-interactive-html.json"
  },
  {
   "id": "aryanutkarsh-seecode--redraw-existing-diagrams-for-a-design-doc",
   "title": "Redraw existing Mermaid or draw.io diagrams in See Code style",
   "best": false,
   "url": "https://dedupedai.com/use-cases/aryanutkarsh-seecode/redraw-existing-diagrams-for-a-design-doc/",
   "json": "https://dedupedai.com/use-cases/u/aryanutkarsh-seecode/redraw-existing-diagrams-for-a-design-doc.json"
  },
  {
   "id": "aryanutkarsh-seecode--export-diagram-for-slides-readme-or-social",
   "title": "Export a diagram as SVG, PNG, GIF or MP4 for slides, docs or posts",
   "best": false,
   "url": "https://dedupedai.com/use-cases/aryanutkarsh-seecode/export-diagram-for-slides-readme-or-social/",
   "json": "https://dedupedai.com/use-cases/u/aryanutkarsh-seecode/export-diagram-for-slides-readme-or-social.json"
  },
  {
   "id": "aryanutkarsh-seecode--match-diagrams-to-your-brand",
   "title": "Make diagrams match your brand from your site or CSS",
   "best": false,
   "url": "https://dedupedai.com/use-cases/aryanutkarsh-seecode/match-diagrams-to-your-brand/",
   "json": "https://dedupedai.com/use-cases/u/aryanutkarsh-seecode/match-diagrams-to-your-brand.json"
  },
  {
   "id": "aryanutkarsh-seecode--diagram-personal-timeline-or-budget",
   "title": "Draw a leave plan or a pay breakdown as a clear diagram",
   "best": false,
   "url": "https://dedupedai.com/use-cases/aryanutkarsh-seecode/diagram-personal-timeline-or-budget/",
   "json": "https://dedupedai.com/use-cases/u/aryanutkarsh-seecode/diagram-personal-timeline-or-budget.json"
  }
 ],
 "disclaimer": "Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk."
}