Mermaid Diagrams
技能 已验证 活跃Teaches PMs to create syntactically valid mermaid diagrams by selecting the right diagram type for their communication need, following syntax validity rules, and validating before shipping. Covers all 15 mermaid diagram types with PM-relevant examples and a dual-lens navigation system.
To empower Product Managers to create clear, accurate, and syntactically valid mermaid diagrams for their documentation and presentations, enhancing communication of complex processes and data.
功能
- Covers all 15 mermaid diagram types
- Provides PM-relevant examples for each type
- Teaches syntax validity rules and best practices
- Includes a diagram selection guide
- Offers validation checklists and references
使用场景
- Creating diagrams for PRDs, specs, and roadmaps
- Choosing the appropriate diagram type for communication needs
- Debugging and validating mermaid code
- Documenting feature lifecycles, workflows, and data relationships
非目标
- Exporting diagrams to image files (PNG/SVG)
- Creating purely decorative visuals without informational purpose
- Using non-Mermaid diagramming tools (Figma, Lucidchart, draw.io)
- Replacing live task tracking tools (Jira, Trello)
工作流
- Identify communication need
- Apply cardinal rule (diagram vs. list)
- Select appropriate diagram type
- Plan diagram elements using worksheet
- Write mermaid code following syntax guide
- Validate diagram against checklist
- Embed diagram in document
安装
请先添加 Marketplace
/plugin marketplace add product-on-purpose/pm-skills/plugin install pm-skills@pm-skills-marketplace质量评分
已验证类似扩展
Markdown and Mermaid Writing
100Comprehensive markdown and Mermaid diagram writing skill. Use when creating any scientific document, report, analysis, or visualization. Establishes text-based diagrams as the default documentation standard with full style guides (markdown + mermaid), 24 diagram type references, and 9 document templates.
Pm Strategic Review
100End-of-quarter strategic review in narrative style with a bets scorecard. Use when someone says "quarter review", "strategic review", "what happened last quarter", "quarterly retro", "bets scorecard", "review our bets", "end of quarter report".
AlterLab Mermaid
99Part of the AlterLab Academic Skills suite. Comprehensive markdown and Mermaid diagram writing skill. Use when creating any scientific document, report, analysis, or visualization. Establishes text-based diagrams as the default documentation standard with full style guides (markdown + mermaid), 24 diagram type references, and 9 document templates.
Cli Anything Mermaid
98Command-line interface for Mermaid Live Editor - Create, edit, and render Mermaid diagrams via stateful project files and mermaid.ink renderer URLs. Designed for AI agents and power users who need to generate flowcharts, sequence diagrams, and other visualizations without a GUI.
Crypto Protocol Diagram
97Extracts protocol message flow from source code, RFCs, academic papers, pseudocode, informal prose, ProVerif (.pv), or Tamarin (.spthy) models and generates Mermaid sequenceDiagrams with cryptographic annotations. Use when diagramming a crypto protocol, visualizing a handshake or key exchange flow, extracting message flow from a spec or RFC, diagramming a ProVerif or Tamarin model, or drawing sequence diagrams for TLS, Noise, Signal, X3DH, Double Ratchet, FROST, DH, or ECDH protocols.
Diagramming Code
95Generates Mermaid diagrams from Trailmark code graphs. Produces call graphs, class hierarchies, module dependency maps, containment diagrams, complexity heatmaps, and attack surface data flow visualizations. Use when visualizing code architecture, drawing call graphs, generating class diagrams, creating dependency maps, producing complexity heatmaps, or visualizing data flow and attack surface paths as Mermaid diagrams.