Mermaid 插件测试

1- Mermaid 插件测试

1.1- 流程图 1(graph TD)

graph TD
  A["真实需求"] --> B["/grill-with-docs"]
  B --> C["/to-spec"]
  C --> D["/to-tickets"]
  D --> E["/implement"]
  E --> F["/code-review"]
  F --> G["/handoff"]

1.2- 流程图 2(graph LR)

graph LR
  A[需求] --> B[分析]
  B --> C[设计]
  C --> D[实现]
  D --> E[测试]
  E --> F[发布]

1.3- 流程图 3(sequence)

sequenceDiagram
  participant User
  participant Agent
  User->>Agent: 提出需求
  Agent->>Agent: /grill-with-docs
  Agent->>User: 输出 spec
  User->>Agent: 确认执行
  Agent->>Agent: /implement
  Agent->>User: 交付结果

1.4- 流程图 4(stateDiagram-v2)

stateDiagram-v2
  [*] --> 需求澄清
  需求澄清 --> 已写Spec
  已写Spec --> 执行中
  执行中 --> 待Review
  待Review --> 已完成
  待Review --> 返工
  返工 --> 执行中
  已完成 --> [*]

1.5- 流程图 5(pie)

pie title 时间分布
  "编码" : 35
  "Review" : 20
  "调试" : 25
  "文档" : 10
  "其他" : 10

1.6- 流程图 6(graph TD 简单版)

graph TD
  A[开始] --> B{是否需要研究?}
  B -->|是| C[/wayfinder/]
  B -->|否| D[/grill-with-docs/]
  C --> E[建立地图]
  D --> F[问清需求]
  E --> G[拆成 tickets]
  F --> G
  G --> H[/implement/]
  H --> I[/code-review/]
  I --> J[完成]

共 6 张图,测试插件渲染数量限制和配色效果。