Mermaid Diagram Generator#

Generate valid Mermaid diagram code from text descriptions.

Diagram Type Selection#

需求推荐类型Mermaid 关键字业务流程 / 逻辑流程Flowchartflowchart TD系统交互 / API 时序SequencesequenceDiagram产品架构 / 系统结构Flowchart / C4flowchart LR状态机 / 用户状态StatestateDiagram-v2脑图 / 功能树Mindmapmindmap数据库结构ERerDiagram项目时间线Timelinetimeline用户旅程Journeyjourney

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

Quick Syntax Reference#

text

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

text

sequenceDiagram
    用户->>服务端: 发起请求
    服务端->>数据库: 查询数据
    数据库-->>服务端: 返回结果
    服务端-->>用户: 响应

text

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.