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

   7w4.net小蔥技能站收錄全網優質技能，值得收藏。

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:
   • Missing quotes around labels with spaces/Chinese
   • Wrong arrow syntax (--> vs --- vs ->>)
   • Unclosed brackets

Quick Syntax Reference

flowchart TD
    A[開始] --> B{判斷條件}
    B -- 是 --> C[執行操作]
    B -- 否 --> D[結束]
    C --> D

sequenceDiagram
    使用者->>服務端: 發起請求
    服務端->>資料庫: 查詢資料
    資料庫-->>服務端: 返回結果
    服務端-->>使用者: 響應

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圖表生成）定位清晰，但文件的實際可用性不足，參考價值有限。需要進一步打磨和完善文件內容後才能提供良好的使用體驗。