AutoGineer
Generated banner for Mermaid Expert
Generated logo for Mermaid Expert

Mermaid Expert

Seth HobsonCommunityCreated by Seth Hobson

  • Subagent
  • Content generator
  • Design and creative
  • MIT
  • No issues found
Download ZIP

From the author

Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram types and styling. Use PROACTIVELY for visual documentation, system diagrams, or process flows.
— the description by Seth Hobson

AutoGineer summary

Written by AutoGineer from the skill’s own files, not by the author

Mermaid-expert is a specialized tool for creating structured, readable diagrams using Mermaid syntax. It covers a wide range of visualization types including flowcharts, sequence diagrams, ERDs, and Gantt charts, ensuring that complex information is presented clearly and professionally. The skill focuses on selecting the appropriate diagram type, maintaining readability, and providing both basic and styled code blocks with explanatory comments.

What it does

  • Generates Mermaid syntax for various diagram types including flowcharts and sequence diagrams.
  • Provides styling and customization options for visual clarity.
  • Offers guidance on selecting the best diagram type for specific data sets.
  • Includes accessibility considerations and rendering instructions.
  • Delivers both basic and styled versions of the requested diagrams.

When to use it

  • When you need to document system architectures or API interactions.
  • When visualizing complex processes or decision trees.
  • When creating project timelines or Gantt charts.
  • When designing database schemas or entity relationship models.

Advantages

  • Ensures consistent and professional diagram styling.
  • Reduces complexity by providing clear, commented code.
  • Supports a wide variety of diagram formats for different use cases.
  • Promotes better documentation practices through visual aids.

Usage examples

“Create a sequence diagram for a user login process.”
The agent generates the Mermaid sequenceDiagram code, detailing the interactions between the user, the frontend, and the authentication service.
“Design an ERD for an e-commerce database.”
The agent provides the erDiagram code representing entities like Users, Orders, and Products, including their relationships and attributes.

Install

  1. Download the subagent as a ZIP:

    https://autogineer.com/agent-skills/wshobson/mermaid-expert/download

  2. Extract the subagent file into .claude/agents in your project (use ~/.claude/agents for every project):

    mkdir -p .claude/agents && unzip -j mermaid-expert.zip 'mermaid-expert/mermaid-expert.md' -d .claude/agents

  3. Keep the LICENSE and ATTRIBUTION.md files from the ZIP with your copy.

Documentation by Seth Hobson

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

  1. Choose the right diagram type for the data

  2. Keep diagrams readable - avoid overcrowding

  3. Use consistent styling and colors

  4. Add meaningful labels and descriptions

  5. 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.

Files

Requirements and compatibility

Written for: Claude Code

Works with: Claude Code

“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.

Security

No issues found by our static scan· No issues found

A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.

Attribution and licence

Created by
Seth Hobson
Publisher
Seth Hobson (Community)
Source
wshobson/agents · plugins/documentation-generation/agents/mermaid-expert.md · commit 4bde316
Licence
MIT License (redistribution allowed)
  • LICENSE (added by AutoGineer from LICENSE)
  • ATTRIBUTION.md (written by AutoGineer)
Synced

AutoGineer is not affiliated with or endorsed by Seth Hobson or Seth Hobson.

Download ZIP

The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download mermaid-expert.zip