mermaid-diagram-specialist

Featured

Mermaid diagram specialist for creating flowcharts, sequence diagrams, ERDs, and architecture visualizations

AI & Automation 27,705 stars 2858 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Mermaid Diagram Specialist ## Overview **Purpose**: Expert in creating comprehensive Mermaid diagrams for documentation, architecture visualization, and process mapping **Category**: Tech **Primary Users**: tech-writer, architecture-validator, product-technical, tech-lead ## When to Use This Skill - Creating architecture documentation - Visualizing workflows and processes - Documenting data models (ERDs) - Explaining sequence flows - Creating state machines - Documenting component relationships - Creating decision trees - Visualizing user journeys ## Prerequisites **Required:** - Understanding of the system/process to document - Access to technical specifications - Knowledge of diagram type needed **Optional:** - Design system colors for consistency - Existing documentation to reference ## Input **What the skill needs:** - Process/system description - Entities and relationships (for ERDs) - Component interactions (for sequence diagrams) - Architecture layers (for C4 diagrams) - States and transitions (for state diagrams) ## Workflow ### Step 1: Diagram Type Selection **Objective**: Choose appropriate diagram type for requirements **Available Diagram Types:** 1. **Flowchart**: Decision flows, algorithms, processes 2. **Sequence Diagram**: API interactions, message flows 3. **ERD**: Database schemas, entity relationships 4. **Class Diagram**: Object-oriented design 5. **State Diagram**: State machines, lifecycle 6. **Gantt Chart**: Project timelines, schedul...

Details

Author
davila7
Repository
davila7/claude-code-templates
Created
11 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

mermaid-expert

Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram types and styling.

39,350 Updated today
sickn33
AI & Automation Listed

mermaid-expert

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.

335 Updated today
aiskillstore
AI & Automation Listed

library-mermaid

Provides Mermaid diagramming patterns for technical documentation including flowcharts, sequence diagrams, ERDs, class diagrams, state diagrams, Gantt charts, and mindmaps. Use when creating architecture diagrams, documenting API sequences, illustrating database schemas, building project timelines, or asking about Mermaid syntax.

3 Updated today
Yoodaddy0311
AI & Automation Solid

mermaid-diagrams

Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions, code execution), flowcharts (processes, algorithms, user journeys), entity relationship diagrams (database schemas), C4 architecture diagrams (system context, containers, components), state diagrams, git graphs, pie charts, gantt charts, or any other diagram type. Triggers include requests to "diagram", "visualize", "model", "map out", "show the flow", or when explaining system architecture, database design, code structure, or user/application flows.

27,705 Updated today
davila7
AI & Automation Solid

mermaid-diagrams

Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions, code execution), flowcharts (processes, algorithms, user journeys), entity relationship diagrams (database schemas), C4 architecture diagrams (system context, containers, components), state diagrams, git graphs, pie charts, gantt charts, or any other diagram type. Triggers include requests to "diagram", "visualize", "model", "map out", "show the flow", or when explaining system architecture, database design, code structure, or user/application flows.

1,931 Updated 2 months ago
softaworks