dependency-graph
生成模块依赖关系图，可视化代码结构
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：dependency-graph。 它的用途是：生成模块依赖关系图，可视化代码结构 完整的 Skill 内容见：https://321skill.com/skills/dependency-graph-x-6/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'请分析当前项目 src 目录下所有 .ts 文件的导入依赖关系，并生成 Mermaid 图表。'，它会扫描指定目录，解析所有 TypeScript 文件的 import 语句，然后输出一个清晰的 Mermaid 依赖关系图代码块，你可以直接将其复制到文档中生成可视化依赖图。
介绍
dependency-graph 技能旨在解决开发者难以直观理解项目模块间依赖关系的问题。通过分析代码中的导入语句，它能自动生成清晰的 Mermaid 依赖关系图，帮助开发者快速把握代码架构，识别循环依赖或过度耦合的模块。
使用时，开发者只需提供项目路径或指定分析范围，该技能便会扫描代码文件，提取模块间的导入关系，并以 Mermaid 图表的语法格式输出。生成的图表可以直接粘贴到支持 Mermaid 的文档（如 GitHub Markdown、Notion 等）中渲染成可视化图形。
该技能特别适合前端、后端及全栈开发人员，尤其是当项目规模增长、模块数量增多时，需要梳理代码结构、进行架构评审或向新成员介绍项目时。对于维护遗留代码库或进行代码重构的工程师来说，它也是一个得力助手。
建议在项目关键节点（如版本发布前、重构开始时）定期运行此技能，以保持对依赖关系的掌控。需要注意的是，它主要分析静态导入关系，对于动态导入或运行时依赖的识别可能有限，复杂项目建议结合其他工具进行综合分析。
核心特点
与同类工具相比，它直接集成在AI工作流中，无需离开对话环境即可生成依赖图；并且输出为标准Mermaid语法，能无缝嵌入各类支持Mermaid的文档平台，实现分析结果的可视化分享。
注意事项
不适合分析动态导入（如 `import()`）或通过字符串拼接生成的模块路径。
常见问题
支持哪些编程语言？
主要支持 JavaScript/TypeScript 等基于 ES Module 的语言，通过分析 `import`/`require` 语句工作。
生成的图表如何查看？
输出为 Mermaid 语法，可复制到 GitHub Markdown、Notion、Obsidian 等支持 Mermaid 渲染的编辑器中查看可视化图形。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/dependency-graph-x-6/raw/index.md 读取 dependency-graph 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/dependency-graph-x-6/raw/index.md（查看排版版本）