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

Ready to run

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

💬 Prompt for ChatGPT / Claude Chat▼

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.