diagram

Convert Mermaid diagrams into editable .excalidraw files.

Updated Apr 8, 2026

Search Tags:#mermaid #excalidraw #flowchart #diagram #text to diagram

Ready to run

npx skills add https://github.com/sadie100/claude-dotfiles --skill diagram-sadie100

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: diagram
Source: https://github.com/sadie100/claude-dotfiles/tree/main/skills/diagram
Command: npx skills add https://github.com/sadie100/claude-dotfiles --skill diagram-sadie100

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires gstack, mermaid, excalidraw, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This skill addresses the need for a straightforward method to convert text-based diagrams into high-quality visual formats without manual illustration.

Core Features & Use Cases

Text-to-Diagram: Convert textual descriptions into visual diagrams with a single command.
Mermaid Support: Integrates with Mermaid syntax to provide support for creating diagrams like flowcharts, graphs, and other common formats.
editable .excalidraw file: Outputs diagrams in a format that can be easily edited with Excalidraw.

Quick Start

Convert a text description of a flowchart into an Excalidraw file with: "Generate a flowchart for 'order processing' from this description."

Frequently Asked Questions about diagram

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

FAQPage Schema

How do I convert text to an editable Excalidraw diagram?▼

To convert text to an editable Excalidraw diagram, you provide a textual description of your process or architecture, and the AI processing generates a downloadable .excalidraw file for visual editing.

Can I use Mermaid syntax to generate Excalidraw files?▼

Yes, you can use Mermaid syntax to generate Excalidraw files by inputting your Mermaid diagram code, which the AI then transforms into an editable visual representation.

What is the best way to turn a flowchart description into a visual diagram?▼

The best way to turn a flowchart description into a visual diagram is using AI-based processing that transforms text into an editable .excalidraw file without requiring manual illustration.

Do I need to know Mermaid syntax to create text-based diagrams?▼

You need Mermaid syntax for input generation when creating diagrams like flowcharts and graphs, as the skill requires it to process and output the compatible .excalidraw format.

Can I edit the Excalidraw files generated from Mermaid diagrams?▼

Yes, you can edit the Excalidraw files generated from Mermaid diagrams because the output is specifically in .excalidraw format, designed to be easily modified within the Excalidraw environment.