skills/slides-visuals/creating-mermaid-diagrams/SKILL.md
Create, revise, convert, or validate Mermaid diagrams, including flowcharts, sequence, ER, class, state, Gantt, and optional SVG rendering for documents or slides.
npx skillsauth add narumiruna/agent-skills creating-mermaid-diagramsInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Preserve editable Mermaid source. Render a static asset only when the consumer requires one.
| Type | Best for | Reference | Example |
| --- | --- | --- | --- |
| Flowchart | processes and decisions | references/flowchart.md | assets/examples/flowchart/basic.mmd |
| Sequence | ordered system interactions | references/sequence.md | assets/examples/sequence/basic.mmd |
| Class | object models | references/class.md | assets/examples/class/basic.mmd |
| State | lifecycle transitions | references/state.md | assets/examples/state/basic.mmd |
| ER | data entities and relationships | references/er.md | assets/examples/er/basic.mmd |
| Other | Gantt, pie, git, journey, timeline, mindmap, requirement, C4 | references/other-types.md | assets/examples/other/gantt-basic.mmd |
Load only the matching reference.
.mmd source with descriptive labels and simple alphanumeric or underscore IDs. Split a graph that becomes unreadable.mmdc -i diagram.mmd -o /tmp/diagram-check.svg
Quote labels containing punctuation. Prefer high contrast for slides. Diagram creation does not authorize a Git commit or publication.
development
Score or compare one or more agent skills across trigger clarity, workflow actionability, safety boundaries, verification rigor, incremental knowledge value, and leanness. Use only when the user explicitly asks for ratings, numerical quality scores, rubric-based scorecards, or scored comparisons; use creating-agent-skills for unscored reviews or revisions.
development
Assess or improve an existing codebase's architecture when the user asks about module boundaries, coupling, scattered ownership, testability, change locality, deep modules, seams, or behavior-preserving structural refactoring. Use for cross-module design rather than ordinary diff review or a confirmed edge-case bug fix.
development
Perform read-only security audits, vulnerability assessments, or threat-focused reviews of diffs, pull requests, code paths, or explicitly scoped repositories when security is the primary objective or acceptance criterion. Use reviewing-code for ordinary review with baseline security coverage and hardening-code-paths for fixing confirmed findings.
development
Run iterative multi-reviewer panels over a code diff, verify their findings, apply explicitly authorized fixes, and re-review the updated change until it passes or reaches a stopping condition. Use when the user asks for a panel loop, multi-model code-review consensus, or a review-fix-re-review cycle.