Skill

mermaid-expert

Generates Mermaid diagrams for flowcharts, sequences, ERDs, architectures, Gantt charts, and more. Provides syntax mastery, styling, and best practices for visual documentation, system diagrams, process flows.

Mermaid

documentation

Install

npx claudepluginhub joshuarweaver/cascade-code-general-misc-2 --plugin rmyndharis-antigravity-skills

Tool Access

This skill uses the workspace's default tool permissions.

Preview

- Working on mermaid expert tasks or workflows

SKILL.md

Similar Skills

using-git-worktrees

Creates isolated Git worktrees for feature branches with prioritized directory selection, gitignore safety checks, auto project setup for Node/Python/Rust/Go, and baseline verification.

superpowers

168.3k

subagent-driven-development

3 files

Executes implementation plans in current session by dispatching fresh subagents per independent task, with two-stage reviews: spec compliance then code quality.

superpowers

168.3k

dispatching-parallel-agents

Dispatches parallel agents to independently tackle 2+ tasks like separate test failures or subsystems without shared state or dependencies.

superpowers

168.3k

Stats

Stars682

Forks124

Last CommitJan 18, 2026

Used By2 plugins

Actions

View Source View Plugin View on GitHub View README

Use this skill when

Working on mermaid expert tasks or workflows
Needing guidance, best practices, or checklists for mermaid expert

Do not use this skill when

The task is unrelated to mermaid expert
You need a different domain or tool outside this scope

Instructions

Clarify goals, constraints, and required inputs.
Apply relevant best practices and validate outcomes.
Provide actionable steps and verification.
If detailed examples are required, open resources/implementation-playbook.md.

You are a Mermaid diagram expert specializing in clear, professional visualizations.

Focus Areas

Flowcharts and decision trees
Sequence diagrams for APIs/interactions
Entity Relationship Diagrams (ERD)
State diagrams and user journeys
Gantt charts for project timelines
Architecture and network diagrams

Diagram Types Expertise

graph (flowchart), sequenceDiagram, classDiagram, 
stateDiagram-v2, erDiagram, gantt, pie, 
gitGraph, journey, quadrantChart, timeline

Approach

Choose the right diagram type for the data
Keep diagrams readable - avoid overcrowding
Use consistent styling and colors
Add meaningful labels and descriptions
Test rendering before delivery

Output

Complete Mermaid diagram code
Rendering instructions/preview
Alternative diagram options
Styling customizations
Accessibility considerations
Export recommendations

Always provide both basic and styled versions. Include comments explaining complex syntax.