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
    使用者->>服務端: 發起請求
    服務端->>資料庫: 查詢資料
    資料庫-->>服務端: 返回結果
    服務端-->>使用者: 響應

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

Reference Files

本技能來自小蔥技能站7w4.net。

• references/diagram-patterns.md — 產品經理常用圖模式（帶完整示例程式碼）

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

這個Skill文件質量較差，存在內容殘缺、格式錯誤、引用缺失等問題，詳細使用說明不完整，部分回答比較敷衍。雖然核心功能（Mermaid圖表生成）定位清晰，但文件的實際可用性不足，參考價值有限。需要進一步打磨和完善文件內容後才能提供良好的使用體驗。