mermaid-expert

Solid

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

AI & Automation 39,350 stars 6386 forks Updated today MIT

Install

View on GitHub

Quality Score: 97/100

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

Skill Content

## 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 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 comp...

Details

Author
sickn33
Repository
sickn33/antigravity-awesome-skills
Created
4 months ago
Last Updated
today
Language
Python
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

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 Featured

mermaid-diagram-specialist

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

27,705 Updated today
davila7
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

Creating and refining Mermaid diagrams with live reload. Use when users want flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, or any other Mermaid visualization. Provides best practices for syntax, styling, and the iterative workflow using mermaid_preview and mermaid_save tools.

154 Updated 4 days ago
veelenga
AI & Automation Listed

mermaid-diagram

Generate beautiful Mermaid diagrams — flowcharts, sequence, ER, class, state, pie, gantt, mindmap, timeline, gitgraph, C4, kanban, block, quadrant, sankey, XY charts. Renders to PNG locally and Markdown for GitHub. Use when the user asks for diagrams, visualizations, schemas, flowcharts, architecture overviews, database schemas, API flows, project timelines, git branching strategies, org charts, or any visual representation of systems, workflows, or data.

24 Updated 2 days ago
georgekhananaev