An agent skill that generates Excalidraw diagram files from a structured JSON or YAML description. Compatible with any agent that supports SKILL.md-based skills (GitHub Copilot, Cursor, and others).
When you ask your agent for a diagram, flowchart, architecture diagram, pipeline, or any visual graph, this skill guides it to:
- Classify the diagram type (flowchart vs architecture)
- Enumerate nodes and edges from your description
- Author a valid input file (JSON or YAML)
- Invoke the
excalidraw-genCLI to produce a.excalidrawfile
excalidraw-gen-skill/
├── README.md ← you are here
└── excalidraw-gen/ ← skill package (folder name must match the skill name)
├── SKILL.md ← skill entry point + CLI reference
├── schema.md ← full input file schema
├── node-types.md ← all node type values
├── style-overrides.md ← per-node/edge style fields & colour palette
├── validation.md ← validation rules (errors vs warnings)
├── examples.md ← annotated JSON & YAML examples
└── agent-workflow.md ← step-by-step agent checklist
Once the skill is available to your Copilot agent, simply ask for a diagram:
"Draw a flowchart for a user login process using excalidraw skill"
"Generate an architecture diagram for a microservices backend using excalidraw skill"
The agent will produce an input file and run:
npx excalidraw-gen generate <input-file> --template flowchart --out diagram.excalidrawOpen the resulting .excalidraw file at excalidraw.com or in the Excalidraw desktop app.
| Option | Values | Default |
|---|---|---|
--template |
flowchart | architecture |
flowchart |
--theme |
default | pastel | dark |
default |
--layout |
dag | grid |
dag |
--out |
path to output file | stdout |
--max-nodes |
number | 200 |
| Ask for... | Template |
|---|---|
| Workflow, process, decision tree, pipeline, state machine | flowchart |
| System diagram, service map, infrastructure, data flow | architecture |
| File | Purpose |
|---|---|
| SKILL.md | Entry point — overview, CLI usage, template rules |
| schema.md | Input file schema reference |
| node-types.md | Node type catalogue |
| style-overrides.md | Styling & colour palette |
| validation.md | Validation rules |
| examples.md | Worked examples |
| agent-workflow.md | Agent checklist |