workflow-diagram
生成Mermaid工作流图，展示流程步骤与状态转换
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：workflow-diagram。 它的用途是：生成Mermaid工作流图，展示流程步骤与状态转换 完整的 Skill 内容见：https://321skill.com/skills/workflow-diagram-x-7/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'请帮我生成一个订单处理流程的工作流图，包括下单、支付校验、库存扣减、发货，以及支付失败时的重试和退款决策。' 它会输出一段Mermaid代码，包含start、end、判断节点和状态转换，粘贴到支持Mermaid的文档中即可渲染出清晰流程图。
介绍
在梳理业务流程、编排工作流或设计系统决策逻辑时，手动绘制流程图往往耗时且容易遗漏分支。该 Skill 能从自然语言描述中自动生成 Mermaid 工作流图，清晰展示步骤、决策节点、状态转换和并行分支，帮助团队快速可视化复杂流程。
只需以自然语言描述流程步骤、判断条件和状态变化，比如“用户登录后校验 token，如果过期则跳转登录页，否则进入首页”，该 Skill 会解析并输出对应的 Mermaid 代码，支持直接复制到支持 Mermaid 的编辑器或文档中渲染。也可以结合其他工具嵌入到项目文档、技术方案或演示文稿中。
适合产品经理、项目经理、后端开发、运维工程师等需要频繁梳理流程的岗位。无论是定义业务逻辑、设计系统架构、编写技术文档，还是做项目复盘，都能通过一张图快速对齐各方认知。
建议在使用时尽量将流程拆解为“步骤-判断-状态”的清晰结构，避免过多分支或循环嵌套以免图过于复杂。对于极细粒度的底层代码逻辑，可能更适合用代码注释或 UML 序列图。
核心特点
专注于 workflow 流程（含决策、状态转换、并行分支）的 Mermaid 图生成，而非通用图表或架构图，能自动识别自然语言中的条件判断和状态变化，输出结构更紧凑的流程图代码。
注意事项
不适合生成非 Mermaid 格式的图表（如 PlantUML、Graphviz），也不适合处理包含大量并行分支或超长步骤链的复杂流程。
常见问题
能生成时序图或类图吗？
本 Skill 专为工作流图设计，不支持时序图、类图等 UML 图。如需其他类型请使用对应的专用 Skill。
如何渲染 Mermaid 代码？
Mermaid 代码可直接粘贴到支持 Mermaid 的编辑器（如 Notion、Obsidian、GitHub Markdown 等）或在线渲染工具中查看。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/workflow-diagram-x-7/raw/index.md 读取 workflow-diagram 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/workflow-diagram-x-7/raw/index.md（查看排版版本）