excalidraw
Excalidraw Diagram Skill
Create diagrams by writing standard Excalidraw element JSON and saving as .excalidraw files. These files can be drag-and-dropped onto excalidraw.com for viewing and editing. No accounts, no API keys, no rendering libraries -- just JSON.
When to use
Generate .excalidraw files for architecture diagrams, flowcharts, sequence diagrams, concept maps, and more. Files can be opened at excalidraw.com or uploaded for shareable links.
Workflow
- Load this skill (you already did)
- Write the elements JSON -- an array of Excalidraw element objects
- Save the file using
write_fileto create a.excalidrawfile - Optionally upload for a shareable link using
scripts/upload.pyviaterminal
Saving a Diagram
Wrap your elements array in the standard .excalidraw envelope and save with write_file:
More from keejkrej/design-skills
sketch
Throwaway HTML mockups: 2-3 design variants to compare.
3p5js
p5.js sketches: gen art, shaders, interactive, 3D.
3claude-design
Design one-off HTML artifacts (landing, deck, prototype).
3design-md
Author/validate/export Google's DESIGN.md token spec files.
3popular-web-designs
54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.
3architecture-diagram
Dark-themed SVG architecture/cloud/infra diagrams as HTML.
3