前言¶

写代码时，需要向团队解释复杂逻辑、梳理状态流转或描述时序关系，传统做法是手动画图或用其他工具，费时且版本难以同步。如果能直接从代码生成结构化的流程图，再输出为 Mermaid (.mmd) 或 PNG，会显著提升沟通效率。

这是什么¶

code2diagram 是一个 Skill，用于分析源代码逻辑，生成包含 Mermaid 流程图的 markdown 文件，并可渲染为 PNG 图片。支持流程图、状态机、时序图等多种图表类型。

• 坐标：@user_82af032c/code2diagram
• 版本：1.0.0
• 来源：community
• 分类：dev-programming
• 发布者：user_82af032c
• 评分：100000
• 下载：570
• 安装：11

核心功能¶

• 分析源代码逻辑
• 生成包含 Mermaid 流程图的 markdown 文件（.mmd）
• 将 Mermaid 渲染为 PNG 图片
• 支持流程图、状态机、时序图等多种图表类型

安装与启用¶

安装命令示例：

skill install user_82af032c/code2diagram

安装后，可在支持的客户端中使用该 Skill。

典型用法¶

在支持 SkillHub 的环境中调用 code2diagram，将代码粘贴或指定为输入，Skill 会输出包含 Mermaid 流程图的 markdown 文件，并可进一步渲染为 PNG。

适用场景与注意¶

• 适合需要快速梳理代码逻辑、输出结构化图表的场景
• 需要确保代码符合 Skill 支持的格式与范围
• 图表类型与配置需与 Skill 的能力保持一致

结尾¶

code2diagram 适合在需要从代码生成 Mermaid 流程图与 PNG 的场景中使用。官方地址：https://api.skillhub.cn/user_82af032c/code2diagram