skills.rest
rockyco
rockycoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/rockyco/excalidraw-skill --skill excalidraw-rockyco
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
lucasFR2lucasFR2

baoyu-diagram

Generate SVG diagrams from user input via Python script execution.

Community
Advanced
founderphantomfounderphantom

excalidraw

Create hand-drawn diagrams from Excalidraw element JSON.

Community
Intermediate
coaguscoagus
2

diagrams-expert

Generate Mermaid diagrams for technical documentation in Markdown.

Community
Advanced
royhenengelroyhenengel

architecture-diagrams

Generate system architecture diagrams, C4 models, flowcharts, and sequence diagrams using Mermaid and PlantUML.

Community
Intermediate