How do I install the Excalidraw skill?

Run npx skillmds@latest add ankit1598/excalidraw 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. Capability flags: docs only. 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?

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

Excalidraw by ankit1598 — Agent Skill

Name: Excalidraw
Rating: 4.2 (5 reviews)
Author: Ankit1598

Excalidraw

Generates Excalidraw diagram files (.excalidraw) from natural language descriptions. Outputs to .artifacts/ with ALL_CAPS_SNAKE_CASE filenames. Use when asked to create a diagram, flowchart, architecture diagram, mind map, sequence diagram, ER diagram, or any visual representation of a system, flow, or relationship.

Ankit1598 Updated Sep 22, 2026

File contents

Excalidraw Diagram Generator

Output Rules

Feature-specific diagrams: .artifacts/features/<entityName>/DIAGRAM_NAME.excalidraw
General/cross-cutting diagrams: .artifacts/general/DIAGRAM_NAME.excalidraw
Filename: ALL_CAPS_SNAKE_CASE + .excalidraw (e.g. AUTH_FLOW.excalidraw, DB_SCHEMA.excalidraw)

Supported Diagram Types

User says	Diagram type
"workflow", "process", "steps", "decision"	Flowchart
"relationship", "connections", "dependencies"	Relationship diagram
"mind map", "concepts", "brainstorm"	Mind map
"architecture", "system", "components", "modules"	Architecture diagram
"data flow", "data processing", "DFD"	Data Flow Diagram
"swimlane", "business process", "actors", "responsibilities"	Swimlane / Business Flow
"class", "inheritance", "OOP", "object model"	Class diagram
"sequence", "interaction", "messages", "timeline"	Sequence diagram
"database", "entity", "relationship", "ER", "schema"	ER diagram

Workflow

Identify diagram type from user's description
Extract key elements (entities, steps, relationships)
Generate .excalidraw JSON — see references/excalidrawSchema.md
Save to correct .artifacts/ path
Confirm: diagram type, element count, output path

Key Generation Rules

All text elements: fontFamily: 5 (Excalifont) — required for consistent rendering
Element IDs: unique per element — timestamp + random string pattern
Spacing: 200–300px horizontal gap, 100–150px vertical gap between elements
Max 20 elements per diagram — offer to split into multiple diagrams if more needed
Color scheme: primary #a5d8ff (blue), secondary #b2f2bb (green), highlight #ffd43b (yellow), alert #ffc9c9 (red)

Full JSON schema → references/excalidraw-schema.md Element type properties → references/element-types.md

---name: excalidrawdescription: Generates Excalidraw diagram files (.excalidraw) from natural language descriptions. Outputs to .artifacts/ with ALL_CAPS_SNAKE_CASE filenames. Use when asked to create a diagram, flowchart, architecture diagram, mind map, sequence diagram, ER diagram, or any visual representation of a system, flow, or relationship.---# Excalidraw Diagram Generator## Output Rules- Feature-specific diagrams: `.artifacts/features/<entityName>/DIAGRAM_NAME.excalidraw`- General/cross-cutting diagrams: `.artifacts/general/DIAGRAM_NAME.excalidraw`- Filename: **ALL_CAPS_SNAKE_CASE** + `.excalidraw` (e.g. `AUTH_FLOW.excalidraw`, `DB_SCHEMA.excalidraw`)## Supported Diagram Types| User says | Diagram type ||---|---|| "workflow", "process", "steps", "decision" | Flowchart || "relationship", "connections", "dependencies" | Relationship diagram || "mind map", "concepts", "brainstorm" | Mind map || "architecture", "system", "components", "modules" | Architecture diagram || "data flow", "data processing", "DFD" | Data Flow Diagram || "swimlane", "business process", "actors", "responsibilities" | Swimlane / Business Flow || "class", "inheritance", "OOP", "object model" | Class diagram || "sequence", "interaction", "messages", "timeline" | Sequence diagram || "database", "entity", "relationship", "ER", "schema" | ER diagram |## Workflow1. Identify diagram type from user's description2. Extract key elements (entities, steps, relationships)3. Generate `.excalidraw` JSON — see [references/excalidrawSchema.md](references/excalidrawSchema.md)4. Save to correct `.artifacts/` path5. Confirm: diagram type, element count, output path## Key Generation Rules- All text elements: `fontFamily: 5` (Excalifont) — required for consistent rendering- Element IDs: unique per element — timestamp + random string pattern- Spacing: 200–300px horizontal gap, 100–150px vertical gap between elements- Max 20 elements per diagram — offer to split into multiple diagrams if more needed- Color scheme: primary `#a5d8ff` (blue), secondary `#b2f2bb` (green), highlight `#ffd43b` (yellow), alert `#ffc9c9` (red)> Full JSON schema → [references/excalidraw-schema.md](references/excalidraw-schema.md)> Element type properties → [references/element-types.md](references/element-types.md)

Frequently asked questions