name: mermaid-diagram description: Generate Mermaid diagrams for product managers and developers. Use when: (1) creating flowcharts, system architecture diagrams, sequence diagrams, or mind maps, (2) converting text descriptions or PRDs into visual diagrams, (3) drawing user journey maps, state machines, or ER diagrams, (4) any request that mentions "画图", "流程图", "架构图", "时序图", "脑图", "mermaid". Output valid Mermaid code blocks.

Mermaid Diagram Generator

Generate valid Mermaid diagram code from text descriptions.

Diagram Type Selection

Output Rules

1. Always wrap output in ```mermaid code blocks
2. Use Chinese labels when the user writes in Chinese
3. Add comments (%%) for complex diagrams to explain sections
4. Keep node names short (≤10 chars) to avoid layout issues
5. Validate syntax mentally before outputting — common mistakes:
6. Missing quotes around labels with spaces/Chinese
7. Wrong arrow syntax (--> vs --- vs ->>)
8. Unclosed brackets

Quick Syntax Reference

flowchart TD
    A[开始] --> B{判断条件}
    B -- 是 --> C[执行操作]
    B -- 否 --> D[结束]
    C --> D

sequenceDiagram
    用户->>服务端: 发起请求
    服务端->>数据库: 查询数据
    数据库-->>服务端: 返回结果
    服务端-->>用户: 响应
7w4.net小葱技能站收录全网优质技能，值得收藏。

mindmap
  root((产品名))
    功能A
      子功能1
      子功能2
    功能B

Reference Files

• references/diagram-patterns.md — 产品经理常用图模式（带完整示例代码）

Read when: user asks for a specific diagram type or needs a complex multi-node diagram.

这个Skill文档质量较差，存在内容残缺、格式错误、引用缺失等问题，详细使用说明不完整，部分回答比较敷衍。虽然核心功能（Mermaid图表生成）定位清晰，但文档的实际可用性不足，参考价值有限。需要进一步打磨和完善文档内容后才能提供良好的使用体验。