AI SummaryGenerate text files and export to PNG/SVG/PDF using (local) or Kroki API (no install). 1. Check deps — try , fallback to Kroki if unavailable 2. Pick diagram type — choose from table below
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to install the "creating-mermaid-diagrams" skill in my project. Please run this command in my terminal: # Install skill into your project mkdir -p .claude/skills/mermaid-skill && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/mermaid-skill/SKILL.md "https://raw.githubusercontent.com/Agents365-ai/mermaid-skill/main/SKILL.md" Then restart Claude Code (or reload the window in Cursor) so the skill is picked up.
Description
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.
Prerequisites
Option A: Local (mmdc) `bash npm install -g @mermaid-js/mermaid-cli mmdc --version ` Option B: Kroki API (no install) `bash curl --version # Just need curl `
Mermaid Diagrams
Generate .mmd text files and export to PNG/SVG/PDF using mmdc (local) or Kroki API (no install). Key advantage: Text-based syntax with fully automatic layout — no x/y coordinates needed.
Workflow
• Check deps — try mmdc --version, fallback to Kroki if unavailable • Pick diagram type — choose from table below • Generate — write .mmd file to disk • Validate — run validation (REQUIRED before export) • Export — use mmdc or Kroki API to produce PNG/SVG/PDF • Report — tell user the output file paths
Validation (Required)
NEVER export a diagram without validating first. `bash
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster