Help us improve
Share bugs, ideas, or general feedback.
From development-codebase-tools
Generates Excalidraw JSON architecture diagrams from codebase analysis, including components, data flows, and groupings. Activates on diagram or visualization requests.
npx claudepluginhub uniswap/ai-toolkit --plugin development-codebase-toolsHow this skill is triggered — by the user, by Claude, or both
Slash command
/development-codebase-tools:diagram-excalidrawopusThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Generate valid `.excalidraw` JSON files representing system architecture from codebase analysis.
Generates .excalidraw architecture diagrams from codebase analysis, identifying components, services, databases, and data flows, with optional PNG/SVG export via Playwright.
Generates architecture diagrams on a live Excalidraw canvas from text, components, or samples for data flows, call chains, and exports to PNG/SVG/Excalidraw.
Generates hand-drawn Excalidraw diagrams for concepts, architectures, mind maps, flows, and comparisons. Enforces accessibility and cognitive limits; auto-renders JSON to SVG.
Share bugs, ideas, or general feedback.
Generate valid .excalidraw JSON files representing system architecture from codebase analysis.
Works without existing diagrams, Terraform, or specific file types. Analyzes any codebase structure.
Four non-negotiable constraints:
No Diamond Shapes: Diamond arrow connections are broken in raw Excalidraw JSON. Use styled rectangles instead:
Label Architecture: The label property does NOT work in raw JSON. Every labeled element requires:
boundElements referencing the text elementcontainerId pointing to the shapeArrow Formatting: Multi-point arrows need:
"elbowed": true"roundness": null"roughness": 0Edge Positioning: Arrows must start/end at shape edges, not centers:
(x + width/2, y)(x + width/2, y + height)(x, y + height/2)(x + width, y + height/2)Extract from user's request:
scope: What part of codebase to diagram (full, specific module, etc.)type: Type of diagram (architecture, data flow, deployment, etc.)depth: Level of detail (high-level overview vs detailed)output: Output file path (defaults to ./architecture.excalidraw)Generate a valid .excalidraw JSON file with:
Before writing output, verify:
For detailed implementation guidance, see: