Excalidraw Generation
CommunityHand-drawn Excalidraw diagrams from semantics.
Design & Creative#presentations#architecture#validation#excalidraw#diagram-generation#hand-drawn#semantic-redesign
Authorrhuss
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The Excalidraw Generation skill provides semantic redesign to transform descriptions into hand-crafted, spatial Excalidraw diagrams, ensuring clarity, accessibility, and cognitive-load guardrails.
Core Features & Use Cases
- Semantic Concept Extraction: Analyze input to identify containment, flow, hierarchy, and annotations to guide diagram layout.
- Element Factories & Layouts: Generate shapes, bound text, arrows, frames, and radial mind maps with layout algorithms and binding logic that enforce cognitive-load and accessibility rules.
- Rendering & Validation: Save diagrams to diagrams/<slug>.excalidraw and render SVGs via render-excalidraw.sh, with JSON validation and color/contrast checks.
- Auto-Trigger & Integration: Propose Excalidraw diagrams for spatial, informal, or annotated content within slide design workflows.
Quick Start
Describe the concept you want diagrammed and the skill will generate a semantic Excalidraw diagram, save the JSON to diagrams/<slug>.excalidraw, and render an SVG via the render-excalidraw.sh script.
Dependency Matrix
Required Modules
excalidraw-brute-export-cliplaywrightchromium
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Excalidraw Generation Download link: https://github.com/rhuss/cc-slidev/archive/main.zip#excalidraw-generation Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.