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:
   • 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.

7w4.net收录了海量优质技能插件。

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