diagram

Convert English descriptions or Mermaid source code into diagrams.

1|Updated Mar 24, 2026
One-click install
npx skills add https://github.com/greencm/gstuck --skill diagram-greencm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: diagram
Source: https://github.com/greencm/gstuck/tree/main/output/gstack/diagram
Command: npx skills add https://github.com/greencm/gstuck --skill diagram-greencm

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill enables users to easily create diagrams from simple English descriptions or Mermaid source code, eliminating the need for complex design tools.

Core Features & Use Cases

  • English Description to Diagram: Convert English language descriptions into diagrams (e.g., "a process flow") automatically.
  • Mermaid Support: Users can provide Mermaid source code for the diagrams they want to create.
  • Use Case: If you need a flowchart or architectural diagram, simply describe it in English or provide Mermaid code, and the Skill will generate the diagram for you.

Quick Start

Invoke the 'diagram' skill and provide an English description or Mermaid source code for the diagram you want to create.

Frequently Asked Questions about diagram

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

FAQPage Schema
How do I create technical documentation diagrams from English descriptions?

Creating technical documentation diagrams from English descriptions is done by providing a text prompt like "a process flow" which the tool automatically converts into a visual diagram without requiring manual design.

Can I use Mermaid source code to generate flowcharts for presentations?

Yes, you can use Mermaid source code to generate flowcharts for presentations by providing the existing code directly to the tool, which then renders the diagram automatically.

Does generating diagrams from text require any complex design tools?

Generating diagrams from text does not require complex design tools, as the conversion process relies entirely on the Mermaid library to render visual output from simple English or code inputs.

What is the best way to convert an architectural description into a diagram?

The best way to convert an architectural description into a diagram is to pass the English text directly to the diagram generation tool, which outputs the visual structure without manual design.

Do I need Mermaid installed to create process flow diagrams from text?

Yes, you need Mermaid installed because the diagram creation tool depends on it to generate the visual diagrams from English descriptions or Mermaid source code.