creating-mermaid-diagrams
creating mermaid diagrams
What it does
- If .lastupdate exists and is <24 h old, skip this step entirely.
- Otherwise, fetch the latest tag from upstream:
- Compare with this skill's metadata.version from the frontmatter. If the upstream tag is strictly newer (semver), tell the user one line and ask:
- If upstream is the same or older, refresh .lastupdate silently and continue.
- Missing quotes around labels with special characters
- Wrong arrow syntax (use ->> for sequence, --> for flowchart)
- Undeclared participants in sequence diagrams
Requirements & configuration
- curl --version # Just need curl
- A-->>G: 200 OK + JWT token
- G-->>C: {token: "eyJhbG..."}
- Requires mmdc installed locally. Best for offline use.
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
creating-mermaid-diagrams FAQ
What does the creating-mermaid-diagrams skill do?
Generate Mermaid diagrams (.mmd) and export to PNG/SVG/PDF using mmdc CLI or Kroki API. USE THIS SKILL when user mentions diagram, flowchart, sequence diagram, class diagram, ER diagram, state machine, architecture, visualize, git graph, 画图, 架构图, 流程图, 时序图. PROACTIVELY USE when explaining ANY system with 3+ components, API flows, authentication sequences, class hierarchies, database schemas, or state machines. Supports 11+ diagram types with fully automatic layout. If .lastupdate exists and is <24 h old, skip this step entirely. Otherwise, fetch the latest tag from upstream:
What does creating-mermaid-diagrams require?
curl --version # Just need curl A-->>G: 200 OK + JWT token G-->>C: {token: "eyJhbG..."} Requires mmdc installed locally. Best for offline use.
How do I install creating-mermaid-diagrams?
Run: npx -y skills add https://github.com/agents365-ai/365-skills --skill creating-mermaid-diagrams --agent claude-code — the source lives at github.com/agents365-ai/365-skills.
Maintain creating-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.
[creating-mermaid-diagrams on getagentictools](https://getagentictools.com/skills/agents365-ai-365-skills-creating-mermaid-diagrams?ref=badge) npx agentictools info skills/agents365-ai-365-skills-creating-mermaid-diagrams The second line is the CLI lookup for this page — handy in READMEs and docs.