dependency-graph
生成模块间导入关系的Mermaid依赖图
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:dependency-graph。 它的用途是:生成模块间导入关系的Mermaid依赖图 完整的 Skill 内容见:https://321skill.com/skills/dependency-graph-x-9/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'请为我这个Node.js项目生成模块依赖图,过滤掉node_modules目录',它会自动扫描src目录下的所有import语句,输出Mermaid格式的依赖关系图,你可直接复制到文档中。
介绍
在大型项目中,代码模块之间的依赖关系常常变得错综复杂,难以直观理解。本工具通过解析项目中的导入语句,自动生成一张Mermaid格式的依赖关系图,让开发者一眼看清模块间的调用链路和依赖层次,从而快速定位耦合问题、评估重构影响范围。
使用方式极为简单:只需在项目根目录下运行一条命令,工具会自动扫描所有源文件,提取import/require语句,然后输出Mermaid图表代码。你可以将其直接粘贴到支持Mermaid的Markdown文档、Notion页面或GitHub README中,实现可视化展示。支持自定义输出格式、过滤特定模块或目录。
适用于前端、后端、全栈开发者,以及任何需要梳理代码架构、进行代码审查或重构的场景。尤其适合在项目文档中嵌入依赖图,帮助新成员快速理解项目结构。对于有大量模块的中大型项目,效果尤为显著。
建议在项目初期就引入此工具,并定期更新依赖图纳入文档。注意:对于动态导入或条件导入的模块,工具可能无法完全覆盖;对于非标准模块系统(如monorepo中的特殊别名),可能需要额外配置。
核心特点
与同类工具相比,本Skill直接输出Mermaid格式,无需额外安装可视化工具,可无缝嵌入Markdown文档;同时专注于import关系,不包含函数调用等其他维度,图表更简洁聚焦。
注意事项
不适用于分析运行时动态导入或通过字符串拼接的模块路径,也无法处理非标准模块解析规则(如Webpack别名未配置时)。
常见问题
支持哪些编程语言?
主要支持JavaScript/TypeScript,通过配置可扩展支持Python、Java等,但需自行编写解析器扩展。
输出的Mermaid图如何嵌入GitHub?
将生成的Mermaid代码直接粘贴到README.md中,GitHub原生支持渲染Mermaid图表。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/dependency-graph-x-9/raw/index.md 读取 dependency-graph 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/dependency-graph-x-9/raw/index.md(查看排版版本)