codetographer
将AI代码解释转化为交互式可视化图谱
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：codetographer。 它的用途是：将AI代码解释转化为交互式可视化图谱 完整的 Skill 内容见：https://321skill.com/skills/codetographer/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我展示这个电商项目中，从用户提交订单到库存扣减的完整数据流。” 它会分析相关控制器、服务层和数据库操作代码，生成一个.cgraph文件。在VS Code中打开后，你会看到一个清晰的流程图，点击“OrderService.process”等节点，可以直接跳转到对应的源码文件进行深入查看。
介绍
Codetographer 解决了理解复杂陌生代码库的难题。传统AI助手会返回大段文字解释，难以理清文件与函数间的调用关系，而本工具将代码逻辑转化为可点击跳转的交互式图谱。
使用时，只需在安装扩展并配置AI技能后，像平常一样向AI助手提问，例如“用户认证如何工作？”。AI会分析相关代码并生成一个.cgraph文件，该文件会在VS Code中自动打开为可视化图谱。
它非常适合需要快速理解、梳理或向他人解释代码结构的前后端开发、全栈开发和智能体开发者。对于接手新项目的工程师或进行代码审查的团队尤其有用。
建议在探索中等规模以上、文档不全的代码库时使用。生成的图谱节点可直接跳转至源代码，是学习和文档化的利器。注意，其效果依赖于AI对代码的解析深度，对于高度动态或混淆的代码可能不够精确。
核心特点
核心区别在于将传统的文本解释转变为可交互、可导航的代码关系图，每个节点都直接链接到源码位置，实现了从宏观理解到微观查看的无缝切换。
注意事项
不适合分析高度动态生成或严重混淆的代码，图谱的准确性受限于AI对代码的解析能力。
常见问题
Codetographer 支持哪些AI助手？
主要针对Claude Code设计，但通过skill文件也可适配其他能遵循指令的AI助手。
.cgraph文件是什么格式？
是一种包含节点、边、布局信息的JSON格式，用于描述代码结构和关系。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/codetographer/raw/index.md 读取 codetographer 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/codetographer/raw/index.md（查看排版版本）