Agent Skills
返回列表
代码流程图生成器

代码流程图生成器

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_76770c14/hyy 到你的 AI 助手中。

技能介绍

适合什么场景

当阅读复杂代码或准备技术文档时,直接描述执行路径、模块依赖、数据流动往往不够直观。这个技能把代码上下文转换为流程图,适合在代码审查、架构说明、新人上手和接口梳理时快速形成可读视图。它面向的不是泛化画图,而是围绕代码逻辑生成 Mermaid、ASCII、HTML、图片或 PDF 等输出。

如何工作

输入侧通常提供代码上下文、功能描述、目标类型、详细程度和输出偏好。技能会识别要表达的对象:是 执行流程图、组件图、系统架构图、数据流图、决策树、树状结构图,还是包含子组的复杂流程。随后按流程图结构组织节点:开始/结束、过程、决策、输入/输出、子流程与连接线。还可以指定方向,例如 TD、LR,以及颜色主题、节点形状、间距、边框、字体和注释。对于层级关系较明显的结构,可用子组或树状结构把相关节点归拢,减少跨线混乱。

边界与注意点

这类工具更适合中等复杂度、结构清晰的代码模块。遇到大型系统时,不如强行生成一张大图,不如拆成执行流、数据流和架构层次图分别表达。如果代码强依赖运行时状态、隐式回调、分布式并发或复杂条件组合,流程图只能覆盖主要路径,仍需结合源码理解。输出时优先保证可读性,再补充细节。

使用场景

  • 审查排序算法时,把条件分支和执行顺序画成自上而下流程图。
  • 为 Web 应用写架构说明时,生成组件依赖和模块关系的系统架构图。
  • 梳理支付链路时,用数据流图标注订单、风控、结算之间的数据流动。
  • 准备新人文档时,把决策树算法逻辑转成树状结构图并附注释。

适合人员

  • 需要审查算法分支并输出 Mermaid 流程图的后端工程师
  • 要为新成员解释模块依赖和调用链的架构师
  • 需要把支付或订单数据流动讲清楚的解决方案负责人
  • 负责生成代码评审附图的技术写作者