excalidrawlisted

# Excalidraw Diagram Generator Generate valid `.excalidraw` JSON files directly from a text description. No API keys, no external services. Output opens in Excalidraw web app, VS Code extension, or Obsidian plugin. ## Workflow ### Step 1: Intake Gather from the user: - **What to diagram** — the process, architecture, or concept - **Diagram type** — flowchart (vertical/horizontal), grid/matrix, freeform, or let you decide - **Accent nodes** — any nodes that should be visually highlighted (key decision points, human-in-the-loop steps, etc.) - **Annotations** — any side comments or callouts needed If the user gives a quick description ("draw a flowchart of X"), infer the rest and proceed. Don't over-ask. ### Step 2: Element Plan Before generating JSON, present a quick element list: ``` Diagram: [name] Type: vertical flowchart, 5 nodes Nodes: 1. "Input Data" (rectangle) 2. "Process" (rectangle) 3. "Decision" (diamond, accent) 4. "Output A" (rectangle) 5. "Output B" (rectangle) Arrows: 1→2, 2→3, 3→4, 3→5 Annotations: note on node 3 Proceed? ``` If the user approves or doesn't object, generate the JSON. ### Step 3: Generate Build the complete `.excalidraw` JSON following the schema reference below. Every element must have all required fields — Excalidraw silently breaks on missing fields. ### Step 4: Save Save to the appropriate location: - If part of a blog post: `drafts/{slug}/diagram-name.excalidraw` - If standalone: ask the user where to save - Default