Utility Mermaid Diagrams

This teaches you to pick the right mermaid diagram type for what you're actually trying to communicate, then write syntactically valid code that renders on the first try. Covers all 15 diagram types with a selection guide organized by PM tasks like showing decision flows, system interactions, or feature lifecycles. The cardinal rule is solid: don't diagram what a list can say. Diagrams earn their place when they show branching, relationships, or flow that prose would flatten. Includes syntax validity rules, a quality checklist, and worked examples. Most useful when you're tired of mermaid code failing silently or producing unreadable spaghetti because you picked flowchart when you needed sequence.

Install to Claude Code

npx -y skills add product-on-purpose/pm-skills --skill utility-mermaid-diagrams --agent claude-code