skillZs
★ LIVE SKILL TAGS ★
>>> LIVE SKILLS INDEX <<<
* OPEN SOURCE *
NO LOGIN, NO TRACKING
※ REAL INSTALL DATA ※
← back to all skills
sammcj/agentic-coding120 installs

mermaid-diagrams

Use the mermaid-diagrams skill whenever you are creating or updating mermaid diagrams. Provides guidance on mermaid best practices.

How do I install this agent skill?

npx skills add https://github.com/sammcj/agentic-coding --skill mermaid-diagrams
view source ↗

Is this agent skill safe to install?

  • Gen Agent Trust Hubpass

    The mermaid-diagrams skill is a collection of static formatting guidelines and CSS-like styling definitions for creating diagrams. It contains no executable code, remote dependencies, or data access commands.

  • Socketpass

    No alerts

  • Snykpass

    Risk: LOW · No issues

  • Runlayerwarn

    1/1 file flagged

What does this agent skill do?

Mermaid Diagramming Guidelines

  • Wrap any label containing parentheses or other special characters in double quotes, e.g. id1["Send request (POST)"]; unquoted parentheses break parsing
  • Use <br> instead of \n for line breaks
  • Mermaid does not support unordered lists within item labels
  • For flowchart, state and class diagrams, apply this colour theme unless specified otherwise:
classDef inputOutput fill:#F5F5F5,stroke:#9E9E9E,color:#616161
classDef llm fill:#E8EAF6,stroke:#7986CB,color:#3F51B5
classDef components fill:#F3E5F5,stroke:#BA68C8,color:#8E24AA
classDef process fill:#E0F2F1,stroke:#4DB6AC,color:#00897B
classDef stop fill:#FFEBEE,stroke:#E57373,color:#D32F2F
classDef data fill:#E3F2FD,stroke:#64B5F6,color:#1976D2
classDef decision fill:#FFF3E0,stroke:#FFB74D,color:#F57C00
classDef storage fill:#F1F8E9,stroke:#9CCC65,color:#689F38
classDef api fill:#FFF9C4,stroke:#FDD835,color:#F9A825
classDef error fill:#FFCDD2,stroke:#EF5350,color:#C62828

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/sammcj/agentic-coding/mermaid-diagrams">View mermaid-diagrams on skillZs</a>