·mermaid-creator
{}

mermaid-creator

narumiruna/agent-skills

Create Mermaid diagrams for technical documentation, system design, and data modeling. Use when creating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, git graphs, or any other Mermaid-supported diagram type. Supports both creating new diagrams from descriptions and converting diagrams to SVG format for embedding in presentations or documents.

4Installs·0Trend·@narumiruna

Installation

$npx skills add https://github.com/narumiruna/agent-skills --skill mermaid-creator

SKILL.md

Create professional diagrams using Mermaid syntax for documentation, architecture design, and data modeling.

| Flowchart | Processes, workflows, decision trees | flowchart.md | | Sequence | API interactions, system communications, message flows | sequence.md | | Class | Object-oriented design, data models, relationships | class.md | | State | State machines, workflow states, system states | state.md | | ER | Database schemas, entity relationships | er.md |

| Gantt | Project timelines, task scheduling | other-types.md | | Pie | Data distribution, percentages | other-types.md | | Git | Git history, branching strategies | other-types.md | | Journey | User experience flows | other-types.md | | Quadrant | 2D comparison, prioritization | other-types.md | | Timeline | Chronological events | other-types.md |

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/narumiruna/agent-skills --skill mermaid-creator
Category
{}Data Analysis
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is mermaid-creator?

Create Mermaid diagrams for technical documentation, system design, and data modeling. Use when creating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, git graphs, or any other Mermaid-supported diagram type. Supports both creating new diagrams from descriptions and converting diagrams to SVG format for embedding in presentations or documents. Source: narumiruna/agent-skills.

How do I install mermaid-creator?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/narumiruna/agent-skills --skill mermaid-creator Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/narumiruna/agent-skills