skills.rest
leolionart
leolionartCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

diagram

Generate editable flowchart, sequence, or architecture diagrams from natural language descriptions.

1|Updated Mar 7, 2026
Search Tags:#architecture#mermaid#flowchart#visualization#sequence#diagram#ascii
One-click install
npx skills add https://github.com/leolionart/claude-skills --skill diagram-leolionart
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagram
Source: https://github.com/leolionart/claude-skills/tree/main/plugins/diagram/skills/diagram
Command: npx skills add https://github.com/leolionart/claude-skills --skill diagram-leolionart

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Converts natural language diagram ideas into ready-to-render Mermaid or ASCII diagrams, reducing manual sketching time and ensuring consistency.

Core Features & Use Cases

  • Auto-selects output format (Mermaid or ASCII) based on context or explicit user instruction
  • Supports major diagram types: flowcharts, sequences, state diagrams, architecture diagrams, and user journeys
  • Integrates with common collaboration tools (GitHub, Notion, Confluence, Slack) for seamless sharing

Quick Start

Describe your diagram requirements in natural language and the skill will output either Mermaid or ASCII diagrams.

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 Mermaid diagrams?▼

To convert natural language descriptions into Mermaid diagrams, simply provide your text requirements and the tool outputs ready-to-render Mermaid syntax. It auto-selects Mermaid as the default format while maintaining valid syntax and clear node labels.

Can I generate ASCII diagrams for Slack or GitHub?▼

Yes, you can generate ASCII diagrams specifically for Slack or GitHub by providing explicit format instructions. The tool supports format auto-detection but allows you to force ASCII output for environments that do not render Mermaid.

What types of flowcharts and sequence diagrams can I create from text?▼

You can create flowcharts, sequence diagrams, state diagrams, architecture diagrams, and user journeys from text. The tool translates your natural language descriptions into structured visual logic using either Mermaid or ASCII formats.

Does this tool work with Notion and Confluence for architecture visualization?▼

Yes, this tool works with Notion and Confluence for architecture visualization by generating Mermaid syntax that these collaboration platforms natively support. You can paste the output directly to ensure seamless sharing and consistency.

What is the best way to ensure valid Mermaid syntax when generating state diagrams?▼

The best way to ensure valid Mermaid syntax when generating state diagrams is to rely on built-in clarity rules. The tool automatically enforces proper node labels, spacing, and structural validation to prevent rendering errors in collaboration tools.

Related Skills

Explore More Design & Creative Skills→
SpaceZephyrSpaceZephyr
333

mermaid-generator

Convert plain text and workflows into Mermaid diagrams.

Community
Intermediate
Prathmesh2000Prathmesh2000
1

diagram-writer

Generate Mermaid code for architecture diagrams from textual concepts.

Community
Intermediate
mahidalhanmahidalhan
34

mermaid-diagrams

Generate Mermaid diagrams for flowcharts, ER diagrams, sequence diagrams, and state machines.

Community
Intermediate
jiaxiaojunQAQjiaxiaojunQAQ
75

architecture-diagram-creator

Generate architecture diagrams from natural language prompts.

Community
Intermediate