$npx skillfedfor your agent

excalidraw-generator

excalidraw-generator transforms diagram descriptions into complete, valid .excalidraw.json files ready to open at excalidraw.com. It handles flowcharts, architecture diagrams, UML diagrams, and mind maps in both professional and hand-drawn styles, with precise layout calculations and proper element positioning.

excalidraw-generator creates ready-to-open .excalidraw.json files from your diagram descriptions.

AI-generated summary based on this skill's SKILL.md

134 33 MITupdated by kv0906

Decision gist · record as of 2026-06-29

excalidraw-generator creates ready-to-open .excalidraw.json files from your diagram descriptions. excalidraw-generator transforms diagram descriptions into complete, valid .excalidraw.json files ready to open at excalidraw.com. It handles flowcharts, architecture diagrams, UML diagrams, and mind maps in both professional and hand-drawn styles, with precise layout calculations and proper element positioning.

manual: git clone https://github.com/kv0906/pm-kit → cp -r pm-kit/.claude/skills/excalidraw ~/.claude/skills/excalidraw
.claude/skills/excalidraw/SKILL.md · version 78bab5b5

Use it when

  • Yes.
  • excalidraw-generator handles flowcharts, architecture diagrams, UML diagrams (including class and sequence diagrams), mind maps.

Verify before relying

Read SKILL.md below before installing (4 files). Open directory: indexed for reading, not audited.

Same gist for agents: .md · .json

Install

kv0906/pm-kit/excalidraw · repository language: Python

Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

How do I create an excalidraw diagram from a description?

excalidraw-generator transforms your diagram description into a complete, valid .excalidraw.json file. Describe the diagram you want—flowchart, architecture diagram, UML, or mind map—and the tool generates properly positioned and styled elements ready to open directly at excalidraw.com. The JSON structure is fully valid and includes all necessary formatting.

Can excalidraw-generator make an excalidraw file with professional styling?

Yes. excalidraw-generator produces diagrams in both professional and hand-drawn styles. It calculates precise element positioning and applies consistent styling throughout your diagram, whether you need a polished business architecture diagram or a sketch-style brainstorming layout.

What diagram types does excalidraw-generator support?

excalidraw-generator handles flowcharts, architecture diagrams, UML diagrams (including class and sequence diagrams), mind maps, hierarchical concept diagrams, and decision trees. Each type is generated with correct JSON structure and proper layout calculations for immediate use.

Does excalidraw-generator generate valid .excalidraw.json files?

Yes. excalidraw-generator creates complete, valid .excalidraw.json files that open directly at excalidraw.com without errors. Every element is properly positioned and styled with correct JSON formatting, so your diagrams are ready to use immediately after generation.

Can I use excalidraw-generator to create mind maps?

Yes. excalidraw-generator creates mind maps and hierarchical concept diagrams with proper positioning and structure. It arranges elements logically and generates the complete JSON needed to open your mind map in Excalidraw's editor.

What makes excalidraw-generator diagrams ready to open at excalidraw.com?

excalidraw-generator produces fully valid .excalidraw.json files with all required metadata, element definitions, and positioning data. The output conforms to Excalidraw's format specification, eliminating manual editing—just download and open the file directly in your browser.

SKILL.md

Rendered from the published skill. Quoted content, verbatim.

Excalidraw Diagram Generator

Create complete, valid .excalidraw.json files that users can directly open at excalidraw.com.

Core Capabilities

Diagram types supported: - Flowcharts - Process flows, decision trees, workflows - Architecture Diagrams - System architectures, network topologies, component diagrams - UML Diagrams - Class diagrams, sequence diagrams, use case diagrams - Mind Maps - Hierarchical concept maps, brainstorming diagrams

Two visual styles: - Professional Mode (default): Clean, polished diagrams for technical documentation - Hand-drawn Mode: Sketch-style diagrams for brainstorming and informal use


Quick

(truncated - see the full file via the links below)

File tree — 4 files
.claude/skills/excalidraw/SKILL.md
.claude/skills/excalidraw/references/elements.md
.claude/skills/excalidraw/references/excalidraw-format.md
.claude/skills/excalidraw/references/processing-loop-template.md

Let your AI agent find skills like this

Example. Real query, live index.

You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.

wish › “Create a complete, valid .excalidraw.json file from a diagram description”

Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →

Related skills

Excalidraw
by kv0906 · kv0906/cc-skills

Build flowcharts, wireframes, system diagrams, and other visual documentation in Excalidraw's distinctive hand-drawn style. The skill outputs .excalidraw.json files that open directly in Excalidraw or any compatible viewer, handling layout, positioning, text centering, and arrow routing automatically.

no license declared → metadata onlyupdated Jul 2026
★ 14repo stars
excalidraw
by malue-ai · malue-ai/dazee-small

Create sketchy, approachable diagrams—flowcharts, mind maps, architecture visualizations—as Excalidraw JSON files ready to edit and share. Perfect for brainstorming, teaching, and informal presentations where a casual aesthetic beats formal precision.

MITdocs in Chineseupdated Mar 2026
★ 35repo stars
excalidraw
by nimbalyst · nimbalyst/nimbalyst

Excalidraw is a whiteboard-style diagram editor for building flowcharts, architecture diagrams, system designs, and visual sketches. It provides tools to add shapes, arrows, frames, and organize elements with alignment and distribution. Use it for any visual diagram except database schemas, which should use DataModelLM instead.

MITupdated Jul 2026
★ 1,333repo stars
excalidraw-diagrams
by sammcj · sammcj/agentic-coding

This skill guides you through building Excalidraw diagrams with correct layout, typography, and element binding. Choose between inline preview, file output, or both workflows depending on whether you need the diagram in chat, saved for later, or both.

Apache-2.0updated Jul 2026
★ 153repo stars
excalidraw-diagram-generator
by PracticalSwan · PracticalSwan/agent-skills

Turn natural language into Excalidraw diagrams without drawing manually. Supports flowcharts, mind maps, architecture diagrams, sequence diagrams, ER diagrams, and data flow visualizations. The skill analyzes your description, identifies key elements and relationships, then generates a ready-to-open .excalidraw file.

MITupdated Jul 2026
★ 6repo stars
Excalidraw Mcp Server
by Aradotso · Aradotso/mcp-skills

Learn to create MCP servers that deliver interactive Excalidraw diagrams directly to AI chat platforms. This skill covers deployment options, scene formatting, element creation, and HTML generation for rendering hand-drawn style visualizations with full editing capabilities.

no license declared → metadata onlyupdated Jul 2026
★ 5repo stars

More skills Excalidraw Diagram (unlicensed) · excalidraw-ai (MIT) · excalidraw-diagram (MIT) · Obsidian Plugin Excalidraw (unlicensed) · excalidraw (MIT) · excalidraw (MIT) · Excalidraw (Apache-2.0)

Tags
diagram-generationjson-exportvisual-designflowchart-builderarchitecture-mappingsketch-styleuml-modelingmind-mappingready-to-usetechnical-documentation