mermaid-diagrams — Skills — getagentictools

What it does

First line declares diagram type (e.g., classDiagram, sequenceDiagram, flowchart)

Use %% for comments

Line breaks and indentation improve readability but aren't required

Unknown words break diagrams; parameters fail silently

Domain-driven design documentation

Object-oriented class structures

Entity relationships and dependencies

mermaid diagrams

Source

Repository: https://github.com/softaworks/agent-toolkit

mermaid-diagrams FAQ

What does the mermaid-diagrams skill do?

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. First line declares diagram type (e.g., classDiagram, sequenceDiagram, flowchart) Use %% for comments

What does mermaid-diagrams require?

API-->>User: 200 OK + JWT token layout: elk - Advanced layout for complex diagrams (requires integration)

How do I install mermaid-diagrams?

Run: npx -y skills add https://github.com/softaworks/agent-toolkit --skill mermaid-diagrams --agent claude-code — the source lives at github.com/softaworks/agent-toolkit.

Maintain mermaid-diagrams?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[mermaid-diagrams on getagentictools](https://getagentictools.com/skills/softaworks-agent-toolkit-mermaid-diagrams?ref=badge)

npx agentictools info skills/softaworks-agent-toolkit-mermaid-diagrams

The second line is the CLI lookup for this page — handy in READMEs and docs.