seecode

Create animated, explorable editorial diagrams in 45 types (architecture, flowchart, sequence, state, ER, DB schema, UML class, swimlane, timeline, gantt, journey, tree, org chart, nested, venn, quadrant, fishbone, wardley, bar, line, scatter, sankey, treemap, heatmap, 3D isometric objects, floor plans and exploded views) as standalone HTML from a short JSON spec. Use when the user asks to draw, diagram, chart or visualize a system, codebase, flow, process, API call sequence, hierarchy, data or a physical object (a chair); to convert Mermaid, Graphviz/DOT, PlantUML, D2, draw.io, Excalidraw, SQ

Try your first task

Map a small repository architecture

Start a fresh conversation.

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.

Required inputs

An accessible repository directory to scan.
On first use in a project, choose global or project-specific settings when asked.

Suggested template by Skill Leaderboard, grounded in the linked source. Task evidence ↗

Inside SKILL.md

65 lines

Section content has not been verified for this skill yet.

Full source remains withheld under the current source-display policy. Read the author’s source ↗