dependency-graph
生成代码模块间的依赖关系图，直观展示项目结构。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：dependency-graph。 它的用途是：生成代码模块间的依赖关系图，直观展示项目结构。 完整的 Skill 内容见：https://321skill.com/skills/dependency-graph-x/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘请帮我分析当前项目根目录下 src 文件夹的模块依赖关系，并生成图表。’，它会自动扫描指定目录下的文件，解析 import 和 require 语句，然后生成一份 Mermaid 格式的依赖关系图，清晰地展示出各个模块之间的导入和引用路径。
介绍
dependency-graph 是一个专为开发者设计的 AI Agent Skill，它能够自动分析项目源代码中模块间的导入关系，并生成可视化的 Mermaid 依赖关系图。
该技能主要解决在理解复杂项目结构、进行代码重构或排查循环依赖时，人工梳理依赖关系耗时且易出错的问题。用户只需提供项目路径，它便能快速解析并生成一份清晰的图表，让模块间的层级和引用关系一目了然。
无论是前端开发、后端开发还是全栈开发者，在进行代码审查、架构设计或接手遗留项目时，都能从中受益。它尤其适合那些需要快速把握项目脉络、优化模块设计或向团队讲解代码结构的场景。
使用建议：在运行前，请确保项目代码结构清晰，且主要依赖关系通过标准的导入语句（如 ES6 import/require）实现。对于动态导入或通过构建工具（如 Webpack）生成的复杂依赖，分析结果可能不完整。建议将此技能作为理解项目初始结构的辅助工具，而非最终权威的依赖分析报告。
核心特点
与同类代码分析工具相比，它直接集成在 AI Agent 工作流中，无需离开对话环境即可生成可视化图表，并能结合自然语言指令进行针对性分析（如“只分析 src/components 目录”），交互更直接。
注意事项
不适合分析使用了大量动态导入、条件导入或非标准模块加载机制的项目。
常见问题
它能分析哪些编程语言的项目？
主要支持 JavaScript/TypeScript 等使用 import/require 语句的语言，对其他语言的支持取决于其导入语法是否标准。
生成的图表可以导出吗？
生成的 Mermaid 图表代码可以复制出来，在支持 Mermaid 的 Markdown 编辑器或在线工具中渲染和导出。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/dependency-graph-x/raw/index.md 读取 dependency-graph 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/dependency-graph-x/raw/index.md（查看排版版本）