diagram

Converts natural language or mermaid source code into editable .excalidraw files.

Updated Jul 26, 2026
One-click install
npx skills add https://github.com/yocxy2/gstack3 --skill diagram-yocxy2
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: diagram
Source: https://github.com/yocxy2/gstack3/tree/main/diagram
Command: npx skills add https://github.com/yocxy2/gstack3 --skill diagram-yocxy2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the friction of manually creating diagrams by converting natural language descriptions or existing mermaid source code into professional, editable Excalidraw files.

Core Features & Use Cases

  • Automated Visualization: Generates clean, hand-drawn aesthetic diagrams from text prompts.
  • Editable Artifacts: Produces .excalidraw files that allow for post-generation manual refinement.
  • Use Case: When you need to explain a complex system architecture to your team, simply describe the components and their relationships to generate a visual flowchart instantly.

Quick Start

Ask the diagram skill to visualize the architecture of the current project flow.

Frequently Asked Questions about diagram

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

FAQPage Schema
How do I convert natural language descriptions into Excalidraw diagrams?

To convert natural language to Excalidraw diagrams, you describe the system architecture or flowchart components and their relationships. The tool processes the text prompt to generate a clean, hand-drawn aesthetic .excalidraw file that you can manually refine.

Can I use existing mermaid source code to generate editable Excalidraw files?

Yes, you can use existing mermaid source code to generate editable Excalidraw files. The tool parses the provided mermaid syntax and transforms it into an editable .excalidraw diagram artifact, allowing for immediate post-generation visual refinement.

Do I need local file system access to write generated diagram artifacts?

Yes, local file system access is required to write generated diagram artifacts. The tool saves the created .excalidraw files directly to your workspace, ensuring the visualized architecture or flowchart outputs are stored locally for further editing.

What is the best way to visualize software architecture flows without manual drawing?

The best way to visualize software architecture without manual drawing is by using text-to-diagram automation. Providing a natural language description of components and relationships instantly generates a professional, editable Excalidraw diagram file for your team.

Does the generated Excalidraw diagram support post-generation editing?

Yes, the generated Excalidraw diagram supports post-generation editing. The tool produces standard .excalidraw files, allowing you to manually refine the visualized architecture, flowchart, or process mapping outputs after the initial automated generation.

When should I use text prompts instead of writing mermaid syntax for flowchart creation?

Use text prompts for flowchart creation when you need to quickly explain complex system architecture without knowing syntax. Use mermaid source code when you already have defined structural definitions that require conversion into editable Excalidraw visualizations.