dependency-graph
生成Mermaid依赖关系图,可视化模块间的导入关系
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:dependency-graph。 它的用途是:生成Mermaid依赖关系图,可视化模块间的导入关系 完整的 Skill 内容见:https://321skill.com/skills/dependency-graph/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘请分析当前src目录下所有模块的导入依赖关系,并生成Mermaid图。’,它会扫描指定目录下的代码文件,提取所有import和require语句,然后生成一个清晰的Mermaid依赖关系图代码块,你可以直接复制到文档中。
介绍
这个Skill用于自动生成Mermaid格式的依赖关系图,直观展示项目中各个模块之间的导入和依赖关系。它解决了在复杂代码库中,人工梳理模块依赖耗时费力、容易出错的问题,帮助开发者快速理解项目结构。
使用时,你只需指定目标项目或目录,该Skill便会分析其中的导入语句(如JavaScript/TypeScript中的import、require),并自动生成一个清晰的Mermaid依赖图。生成的图表可以直接嵌入到Markdown文档或项目README中,便于团队协作和文档维护。
它非常适合需要维护或理解复杂代码结构的开发者,尤其是前端开发、全栈开发和负责代码审查的工程师。对于新加入项目的成员,或者在进行大型重构、评估架构影响时,这个工具能显著提升效率。
建议在项目关键节点(如发布前、重构后)定期运行此Skill,以保持依赖图的时效性。需要注意的是,它主要分析静态导入关系,对于动态导入或运行时依赖的识别可能有限,复杂项目可能需要结合其他工具进行补充分析。
核心特点
专注于生成标准的Mermaid图表,可直接嵌入文档进行渲染和分享,而不仅仅是输出文本列表;通过静态分析代码导入语句来构建关系,无需运行项目,速度快且安全。
注意事项
不适合分析动态导入(如 `import()`)或运行时通过字符串拼接生成的依赖关系。
常见问题
支持哪些编程语言?
主要支持JavaScript、TypeScript等使用import/require语句的语言。
生成的图表能直接用在GitHub README里吗?
可以,Mermaid图表被GitHub等平台原生支持,复制代码块即可渲染。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/dependency-graph/raw/index.md 读取 dependency-graph 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/dependency-graph/raw/index.md(查看排版版本)