excalidraw

Generate Excalidraw diagrams as JSON from user prompts.

Updated Apr 16, 2026
One-click install
npx skills add https://github.com/tassosgomes/poc-iam-service --skill excalidraw-tassosgomes
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/tassosgomes/poc-iam-service/tree/main/.github/skills/common/excalidraw
Command: npx skills add https://github.com/tassosgomes/poc-iam-service --skill excalidraw-tassosgomes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Excalidraw diagram planning can be time-consuming and error-prone when done manually, leading to inconsistent visuals and miscommunication.

Core Features & Use Cases

  • Programmatic diagram generation for flowcharts, architecture diagrams, mind maps, ER diagrams, and wireframes.
  • Excalidraw JSON output compatible with standard Excalidraw schema (type, id, x, y, width, height, etc.), including appState and files sections.
  • Use Case: Quickly translate user requirements into shareable diagram artifacts for design reviews, documentation, and system planning.

Quick Start

Describe the diagram you want and I will generate the corresponding Excalidraw JSON.

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 an architecture diagram programmatically?

To generate Excalidraw JSON programmatically, describe your architecture diagram in a prompt. The system outputs valid Excalidraw JSON containing elements, appState, and optional files that conform to the standard Excalidraw schema.

Can I automate vector diagram creation for flowcharts and wireframes?

Yes, you can automate vector diagram creation for flowcharts and wireframes. By providing text prompts, the system generates corresponding Excalidraw JSON conforming to the standard element schema for your design documentation.

Does the generated Excalidraw JSON include appState and optional files sections?

Yes, the generated Excalidraw JSON includes appState and optional files sections. The output fully conforms to the Excalidraw element schema, ensuring compatibility when importing the JSON back into the Excalidraw editor.

What is the best way to create ER diagrams and mind maps from text prompts?

The best way to create ER diagrams and mind maps from text prompts is to describe the diagram structure. The system translates your text requirements into valid Excalidraw JSON with standard elements for system planning and design reviews.

Are there limitations when generating Excalidraw diagrams for complex architecture?

The main limitation when generating Excalidraw diagrams for complex architecture is that outputs are standard Excalidraw JSON. Highly intricate custom vector styling may require manual adjustments after generating the initial JSON schema.

Do I need prior knowledge of Excalidraw JSON schema to use this automation?

No, you do not need prior knowledge of the Excalidraw JSON schema to use this automation. You simply describe the diagram you want, and the system handles generating the valid JSON with elements, appState, and files.