How do I install the Excalidraw skill?

Run npx skillmds@latest add qwwiwi/excalidraw-2 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Excalidraw safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Excalidraw?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Excalidraw free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Excalidraw?

qwwiwi (@qwwiwi) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Excalidraw by qwwiwi — Agent Skill

Name: Excalidraw
Author: qwwiwi

File contents

Excalidraw Diagram Generator

Generates valid .excalidraw JSON files from simple JSON input.

Diagram Types

Type	Layout	Use Case
`pipeline`	Vertical stages with blocks	Workflows, CI/CD, data pipelines
`mindmap`	Radial from center	Brainstorming, topic exploration
`flowchart`	Custom node positions	Architecture, decision trees

Usage

# From JSON file
python3 $CLAUDE_SKILL_DIR/scripts/excalidraw_gen.py --input schema.json --output diagram.excalidraw

# From stdin
echo '{"type":"mindmap","center":"AI Agents","nodes":["Memory","Skills","Tools"]}' | \
    python3 $CLAUDE_SKILL_DIR/scripts/excalidraw_gen.py --output diagram.excalidraw

Input Format

Pipeline

{
  "type": "pipeline",
  "title": "Data Pipeline",
  "stages": [
    {"name": "Input", "type": "input", "blocks": ["API", "Webhook"]},
    {"name": "Process", "type": "analysis", "blocks": ["Transform", "Validate"]},
    {"name": "Output", "type": "final", "blocks": ["Database", "Cache"]}
  ]
}

Mindmap

{
  "type": "mindmap",
  "center": "Architecture",
  "nodes": ["Frontend", "Backend", "Database", "Cache", "CDN"]
}

Flowchart

{
  "type": "flowchart",
  "nodes": [
    {"id": "a", "text": "Start", "x": 0, "y": 0},
    {"id": "b", "text": "Process", "x": 0, "y": 200},
    {"id": "c", "text": "End", "x": 0, "y": 400}
  ],
  "edges": [
    {"from": "a", "to": "b"},
    {"from": "b", "to": "c"}
  ]
}

Color Scheme

Type	Color
research	Blue
analysis	Purple
review	Orange
final	Green
factcheck	Green
input	Red
default	Grey

Setup

Requires Python 3 (standard library only, no pip install needed).

Output

Opens in excalidraw.com -- drag and drop the .excalidraw file.

---name: excalidraw-2description: Generate Excalidraw diagrams from JSON. Pipeline, mindmap, flowchart. Use when: draw diagram, visualize, architecture schema, mindmap.---# Excalidraw Diagram GeneratorGenerates valid `.excalidraw` JSON files from simple JSON input.## Diagram Types| Type | Layout | Use Case ||------|--------|----------|| `pipeline` | Vertical stages with blocks | Workflows, CI/CD, data pipelines || `mindmap` | Radial from center | Brainstorming, topic exploration || `flowchart` | Custom node positions | Architecture, decision trees |## Usage```bash# From JSON filepython3 $CLAUDE_SKILL_DIR/scripts/excalidraw_gen.py --input schema.json --output diagram.excalidraw# From stdinecho '{"type":"mindmap","center":"AI Agents","nodes":["Memory","Skills","Tools"]}' | \ python3 $CLAUDE_SKILL_DIR/scripts/excalidraw_gen.py --output diagram.excalidraw```## Input Format### Pipeline```json{ "type": "pipeline", "title": "Data Pipeline", "stages": [ {"name": "Input", "type": "input", "blocks": ["API", "Webhook"]}, {"name": "Process", "type": "analysis", "blocks": ["Transform", "Validate"]}, {"name": "Output", "type": "final", "blocks": ["Database", "Cache"]} ]}```### Mindmap```json{ "type": "mindmap", "center": "Architecture", "nodes": ["Frontend", "Backend", "Database", "Cache", "CDN"]}```### Flowchart```json{ "type": "flowchart", "nodes": [ {"id": "a", "text": "Start", "x": 0, "y": 0}, {"id": "b", "text": "Process", "x": 0, "y": 200}, {"id": "c", "text": "End", "x": 0, "y": 400} ], "edges": [ {"from": "a", "to": "b"}, {"from": "b", "to": "c"} ]}```## Color Scheme| Type | Color ||------|-------|| research | Blue || analysis | Purple || review | Orange || final | Green || factcheck | Green || input | Red || default | Grey |## SetupRequires Python 3 (standard library only, no pip install needed).## OutputOpens in [excalidraw.com](https://excalidraw.com) -- drag and drop the `.excalidraw` file.

Frequently asked questions

Excalidraw