excalidraw

Generate Excalidraw-compatible JSON diagrams from structured descriptions.

330|61|Updated Feb 24, 2026
One-click install
npx skills add https://github.com/eggent-ai/eggent --skill excalidraw-eggent-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/eggent-ai/eggent/tree/main/bundled-skills/excalidraw
Command: npx skills add https://github.com/eggent-ai/eggent --skill excalidraw-eggent-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Creating and editing Excalidraw diagrams manually is time-consuming and error-prone; this skill enables generating Excalidraw JSON programmatically from descriptions, speeding up visual design workflows.

Core Features & Use Cases

  • Generate Excalidraw diagrams from structured descriptions (e.g., architecture, workflows, mind maps).
  • Export and reuse diagrams as Excalidraw JSON, ready to edit in Excalidraw.
  • Use cases include architectural diagrams, user-flows, UI wireframes, and data models.

Quick Start

Describe the diagram you want and the system will generate an Excalidraw-compatible JSON diagram.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate Excalidraw JSON for architecture diagrams programmatically?

You can generate Excalidraw JSON for architecture diagrams by providing a structured text description of the layout. This produces valid Excalidraw-compatible output containing rectangles, arrows, and text elements ready for visual editing.

What is the best way to convert a flowchart description into Excalidraw JSON?

Converting a flowchart description into Excalidraw JSON involves mapping structured definitions to elements like diamonds and arrows. This approach outputs valid JSON with proper coordinates, styling, and bindings for direct import into Excalidraw.

Can I create UI wireframes and ER schemas using Excalidraw JSON?

Yes, you can create UI wireframes and ER-like schemas using Excalidraw JSON. By defining the structured descriptions of your interfaces or data models, the system generates the corresponding frames, ellipses, and text elements programmatically.

Does generating Excalidraw diagrams via code require any external dependencies?

Generating Excalidraw diagrams via code requires no external dependencies. You simply describe the desired visualization, and the system handles the output of valid Excalidraw JSON with proper element types, seeds, and version metadata.

Why does my generated Excalidraw JSON need element bindings and version metadata?

Excalidraw JSON requires element bindings and version metadata to maintain proper connections between related elements and ensure file compatibility. Including these details ensures your programmatic diagrams load correctly without structural errors in the Excalidraw editor.