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://mp-staging.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

LICENSE

MIT License

Copyright (c) 2024 Seth Hobson

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

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.

Download ZIP

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