excalidraw

Generate diagrams as Excalidraw JSON or SVG files from descriptions.

7|1|Updated Feb 16, 2026

Search Tags:#architecture #excalidraw #flowchart #svg #diagrams #rtl

Ready to run

npx skills add https://github.com/rockyco/excalidraw-skill --skill excalidraw-rockyco

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/rockyco/excalidraw-skill/tree/main
Command: npx skills add https://github.com/rockyco/excalidraw-skill --skill excalidraw-rockyco

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of visual diagrams, flowcharts, and architectural representations, eliminating the need for manual drawing tools and ensuring consistency.

Core Features & Use Cases

Diagram Generation: Create .excalidraw JSON files or .svg diagrams directly from descriptions.
Versatile Diagram Types: Supports flowcharts, architecture diagrams, RTL micro-architecture, wireframes, mind maps, ERDs, and sequence diagrams.
Use Case: Generate a system architecture diagram for your microservices or a flowchart for a complex user authentication process with a simple text prompt.

Quick Start

Use the excalidraw skill to create a flowchart for the user login process.

Frequently Asked Questions about excalidraw

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

FAQPage Schema

How do I generate a flowchart from text descriptions?▼

You can generate an architecture diagram from text by using this skill to output Excalidraw JSON for interactive editing or hand-crafted SVG for pixel-perfect rendering. It parses your text prompt and maps it into structured diagram elements.

Can I create RTL micro-architecture diagrams programmatically?▼

Yes, you can create RTL micro-architecture diagrams programmatically. The skill supports generating these specific hardware diagrams along with flowcharts, wireframes, ERDs, and sequence diagrams from text prompts.

What is the best way to automate system architecture diagram creation?▼

The best way to automate system architecture diagram creation is programmatically generating Excalidraw JSON or SVG files. This eliminates manual drawing tools, ensuring visual consistency across your microservices documentation.

Does this diagram generation approach support SVG output?▼

Yes, SVG output is supported for pixel-perfect diagram rendering. You can choose between Excalidraw JSON for interactive editing capabilities and hand-crafted SVG formats for precise visual output.

How do I generate an ERD or sequence diagram without manual drawing?▼

You generate an ERD or sequence diagram by providing a text description to this skill, which programmatically constructs the diagram using predefined specifications for element types, color palettes, and layout conventions.