data-flow
生成组件间数据流Mermaid序列图
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：data-flow。 它的用途是：生成组件间数据流Mermaid序列图 完整的 Skill 内容见：https://321skill.com/skills/data-flow-x-2/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'用户登录后，前端调用认证服务生成token，认证服务返回token给前端，前端再携带token访问用户服务获取个人信息'，它会生成一个包含三个参与者（前端、认证服务、用户服务）的Mermaid序列图，清晰展示请求和响应的顺序以及数据携带的内容。
介绍
data-flow 是一个专注于生成 Mermaid 序列图的 Skill，帮助开发者快速可视化数据在系统组件之间的流动路径与顺序。当你在分析微服务调用链路、梳理事件驱动架构或调试异步消息传递时，只需描述组件名称和数据交互关系，它就能自动输出结构清晰的序列图代码，并可直接嵌入文档或 Markdown 中。
使用方式非常简单：直接以自然语言描述你的组件和数据流，例如“用户服务调用订单服务获取订单列表，然后返回给前端”，data-flow 会解析出参与者、消息序列和时序，生成标准的 Mermaid 序列图语法。支持自定义组件别名、消息标签和循环/分支逻辑，满足大部分日常可视化需求。
适合后端开发者、全栈工程师和文档工程师在架构设计、技术方案评审、代码重构或编写技术文档时使用。尤其适合频繁需要向团队或客户解释数据移动路径的场合，能大幅降低沟通成本。
建议在描述时尽量明确数据流向的起点和终点，以及每一步的交互类型（同步/异步）。生成的序列图默认包含箭头和注释，可直接在 GitHub、Notion 等支持 Mermaid 的平台上渲染。如果需要更复杂的样式（如颜色、分组），可在后续对话中补充调整。
核心特点
其他 Mermaid 生成技能通常只输出通用图表，data-flow 专门针对数据在组件间的流动顺序建模，自动识别发送方、接收方和消息方向，并生成带时序箭头的序列图，而非静态结构图。
注意事项
不适合生成类图、流程图、甘特图等其他图表类型，且对复杂嵌套循环和条件分支的表述能力有限。
常见问题
如何生成数据流图？
直接描述组件和它们之间的数据交互，例如：'用户服务向订单服务发送查询请求，订单服务返回结果给用户服务'，它就会自动生成对应的 Mermaid 序列图。
支持哪些组件类型？
支持任意命名的组件，包括服务、数据库、缓存、队列、用户端等，只需在描述中给出名称即可。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/data-flow-x-2/raw/index.md 读取 data-flow 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/data-flow-x-2/raw/index.md（查看排版版本）