skills.rest
dtsola
dtsolaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw

Generate Excalidraw diagrams from natural language descriptions.

1.0k|65|Updated Nov 11, 2025
Search Tags:#architecture#excalidraw#flowchart#nlp#export#diagram
One-click install
npx skills add https://github.com/dtsola/xiaoyaosearch --skill excalidraw-dtsola
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/dtsola/xiaoyaosearch/tree/main/.claude/skills/excalidraw-skill
Command: npx skills add https://github.com/dtsola/xiaoyaosearch --skill excalidraw-dtsola

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

Generating professional diagrams from natural language eliminates the manual, layout-heavy process of creating visuals in Excalidraw. It enables non-designers to communicate complex system structures quickly and clearly.

Core Features & Use Cases

  • Generate self-contained .excalidraw JSON files from plain language descriptions and export to PNG/SVG.
  • Provide two export options: Kroki API for SVG with zero install, and a local Firefox-based CLI for PNG and SVG.
  • Proactively trigger diagrams when describing multi-component systems (3+ components) or complex data flows; supports architectures, workflows, sequences, mind maps, and swimlanes.
  • Apply a design system: semantic colors, font hierarchy, arrow semantics, and precise spacing to produce ready-to-share visuals.
  • Output remains interactive in Excalidraw (bidirectional binding) and exports are usable offline.

Quick Start

Describe the diagram you want in natural language and Claude will generate an .excalidraw file and export PNG or SVG.

Frequently Asked Questions about excalidraw

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate architecture diagrams from natural language descriptions?▼

You can generate architecture diagrams by providing plain language descriptions of multi-component systems, which are then converted into self-contained .excalidraw files using a design system with semantic colors and font hierarchy.

Can I export Excalidraw diagrams to SVG without installing local dependencies?▼

Yes, you can export Excalidraw diagrams to SVG without installing local dependencies by using the Kroki API, which provides a zero-install export path directly from the generated diagram file.

What types of diagrams can I create from text for multi-component systems?▼

You can create architecture diagrams, flowcharts, sequences, mind maps, and swimlanes from text, specifically targeting complex data flows and systems with three or more components.

How do I export PNG or SVG files from an Excalidraw diagram using a local CLI?▼

To export PNG or SVG files locally, you use the provided Firefox-based CLI tool, which processes the generated .excalidraw diagram file and outputs the image format you need.

Do I need to manually layout components when generating flowcharts from text?▼

No, generating flowcharts from text eliminates the manual layout process by automatically applying precise spacing, arrow semantics, and bidirectional bindings to produce ready-to-share visuals.

Are Excalidraw diagrams generated from text still interactive after exporting?▼

The generated Excalidraw diagrams remain fully interactive with bidirectional binding support, and the exported PNG or SVG files are usable offline without requiring a live connection.

Related Skills

Explore More Software Engineering Skills→
seanrobertwrightseanrobertwright

excalidraw-diagram

Generate Excalidraw diagram JSON files from natural language descriptions.

Community
Advanced
Agents365-aiAgents365-ai
179

excalidraw

Generate Excalidraw diagrams from natural language and export to PNG or SVG.

Community
Advanced
forgivesam168forgivesam168
2

excalidraw-diagram-generator

Convert natural language descriptions into Excalidraw-compatible JSON diagram files.

Community
Intermediate
claude-office-skillsclaude-office-skills
368

diagram-creator

Generate flowcharts, sequence diagrams, and architecture diagrams from Mermaid and PlantUML text.

Official
Intermediate