Index of every page on this site: llms.txt
All skills
wh-2099 avatar

/mermaid

@982d903
by wh-2099wh-2099/mermaid-skill295 stars
35
Run it yourself

Generate Mermaid diagrams from user requirements. Supports flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and 18 more diagram types.

Use this Skill: https://skilld.dev/gh/wh-2099/mermaid-skill/mermaid

Nothing lands on disk. Nothing to clean up.

Fork this Skill

Edit a local copy. It keeps the author and licence.

SKILL.md

≈42 tokens for metadata: the name and description. ≈885 when used: this file. ≈138k more on demand in 38 files.

Description uses 2.1% of example budget

Before choosing a Skill, your Agent reads its name and description. All available Skills share that space.

  • A shorter description leaves more room for other Skills. This entry exceeds our 1% size suggestion.

In our Claude Code example, all Skill names and descriptions share 8,000 characters. This Skill uses ≈169 characters, or 2.1%.

The 1% threshold is a size suggestion. Longer descriptions can still fit.

Your model, settings, and other Skills decide how much text your Agent can read.

Example settings and source

The example uses a 200k-token context and default Claude Code settings. The count includes the name, description, separators, and when_to_use when present. Codex also counts local file paths.

Skit's source and limits: Codex 0.160.1, Claude Code 2.1.292.

Mermaid Diagram Generator

Generate high-quality Mermaid diagram code based on user requirements.

Workflow

  1. Understand Requirements: Analyze user description to determine the most suitable diagram type
  2. Read Documentation: Read the corresponding syntax reference for the diagram type
  3. Generate Code: Generate Mermaid code following the specification
  4. Apply Styling: Apply appropriate themes and style configurations

Diagram Type Reference

Select the appropriate diagram type and read the corresponding documentation:

Type Documentation Use Cases
Flowchart flowchart.md Processes, decisions, steps
Sequence Diagram sequenceDiagram.md Interactions, messaging, API calls
Class Diagram classDiagram.md Class structure, inheritance, associations
State Diagram stateDiagram.md State machines, state transitions
ER Diagram entityRelationshipDiagram.md Database design, entity relationships
Gantt Chart gantt.md Project planning, timelines
Pie Chart pie.md Proportions, distributions
Mindmap mindmap.md Hierarchical structures, knowledge graphs
Timeline timeline.md Historical events, milestones
Git Graph gitgraph.md Branches, merges, versions
Quadrant Chart quadrantChart.md Four-quadrant analysis
Requirement Diagram requirementDiagram.md Requirements traceability
C4 Diagram c4.md System architecture (C4 model)
Sankey Diagram sankey.md Flow, conversions
XY Chart xyChart.md Line charts, bar charts
Block Diagram block.md System components, modules
Packet Diagram packet.md Network protocols, data structures
Kanban kanban.md Task management, workflows
Architecture Diagram architecture.md System architecture
Radar Chart radar.md Multi-dimensional comparison
Treemap treemap.md Hierarchical data visualization
User Journey userJourney.md User experience flows
ZenUML zenuml.md Sequence diagrams (code style)

Configuration & Themes

Output Specification

Generated Mermaid code should:

  1. Be wrapped in ```mermaid code blocks
  2. Have correct syntax that renders directly
  3. Have clear structure with proper line breaks and indentation
  4. Use semantic node naming
  5. Include styling when needed to improve visual appearance

Example Output

flowchart TD
    A[Start] --> B{Condition}
    B -->|Yes| C[Execute]
    B -->|No| D[End]
    C --> D

User requirements: $ARGUMENTS

Source: SKILL.md on GitHub

Skill behaviors

No rule matched.

skilld matched fixed text patterns in SKILL.md and file names. Patterns miss obfuscated code.

skilld run checks every file with the same patterns. It asks for approval before it loads a Skill with a behavior marked Needs approval.

Third-party checks

No alerts1mo4 checks · Risk SAFE
  • Gen Agent Trust Hub1mo

    The mermaid skill is a documentation-only extension that provides an AI agent with the necessary syntax references to generate over 20 types of Mermaid diagrams. It includes a comprehensive collection of guides for flowcharts, sequence diagrams, class diagrams, and more. No malicious code, command execution, or data exfiltration behaviors were detected. The skill operates as an instructional tool, using user input for the legitimate primary purpose of diagram creation.

  • Socket1mo

    No alerts

  • Snyk1mo

    Risk: LOW · No issues

  • Runlayer7mo

    31 files scanned · No issues

Provenance

Signed by skilld at 982d903. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 weeks ago.

Steadyupdated 9 months ago

Capability

metadata
{
  "argument-hint": "[diagram description or requirements]"
}
All 1 allowed tools
Read Write Edit

README badge

README badge for wh-2099/mermaid-skill