Excalidraw Diagram Generator

Generate hand-drawn Excalidraw diagrams and save them as .excalidraw files.

Workflow

1. Read colors.md from this skill directory to get the current color theme
2. Decide if the diagram benefits from icons (see Icons section below)
3. If yes, read icons.md from this skill directory for icon recipes
4. Plan the diagram: elements, layout, colors, labels, arrows, and icon placements
5. Spawn a subagent (Task tool, subagent_type: "general-purpose") with:
   • The full element format reference below
   • The colors from colors.md
   • Icon recipes from icons.md (if applicable)
   • A detailed description of the diagram to draw (element positions, labels, connections, colors, icon placements)
   • The output file path (ask the user or default to diagram.excalidraw in the current directory)
6. The subagent produces the JSON elements array and writes the .excalidraw file
7. Tell the user the output path — they can open it at excalidraw.com or in VS Code with the Excalidraw extension