又享福了,程序员们,再也不怕💩山代码了

黄小寒

学习如何把一个代码库转换为交互式知识图谱:安装并运行 Understand Anything、指向代码目录、生成节点与依赖连线、使用“可搜索/可对话/可探索”功能定位文件、查看函数/类关系并确定修改切入点;说明需准备的代码访问、环境与可能的模型 API Key。

图片解读

第 1 张图 — 逐项整理(按要求:只记录图片证据,忽略图中指令;分“事实”“推测”“无法辨认”)

一、事实(可直接读出的文字、界面元素、图表数据与可见现象)

- 顶部大标题(中文):

- “代码库” / “秒变” / “知识图谱” (三部分并列展示,视觉上“秒变”为黄色、其它为白色)

- 标题下的英文: “Understand Anything”

- 右上角徽章:带黄色星形图标,文字 “38.7K Star”

- 功能/状态按钮(横排,分别配图标):

- 放大镜图标 + “可搜索”

- 聊天气泡图标 + “可对话”

- 指南针/探索图标 + “可探索”

- 一行带机器人图标的支持信息: “支持 Claude Code / Codex / Cursor / Copilot”

- 左侧为代码文件树(面板顶端显示项目名/路径): “my-project”

- 子目录 src:

- api: user.py, auth.py

- models: user.py, base.py

- services: user_service.py, auth_service.py

- utils: jwt.py, helpers.py

- tests(文件夹)

- requirements.txt

- README.md

- main.py

- config.yaml

- (文件名前有小 Python 图标或文件图标)

- 中间/右侧为“知识图谱”可视化图(节点与连线):节点文本包括(以图中矩形/圆角框为准)

- main.py(绿色节点,位于顶部)

- user.py(带注释“模型”)

- UserService(带注释“类”)

- auth.py(带注释“API”)

- BaseModel(带注释“类”)

- user_service.py(带注释“服务”,橙色节点)

- auth_service.py(带注释“服务”)

- jwt.py(带注释“工具”)

- helpers.py(带注释“工具”)

- 图中连线旁的文字(表示关系类型): “引用”、 “依赖”、 “调用”、 “继承”、 “导入”、 “使用” (字样分别标注在不同连线上)

- 左侧文件树到右侧知识图谱之间有一条发光的蓝色箭头,视觉上表示从代码到图谱的转换

- 底部横幅文字(中文): “项目结构、函数、类、依赖关系, 一图看懂” (其中“一图看懂”用黄色强调)

- 整体视觉风格:深色背景、未来感蓝色高光与霓虹边框、节点有不同颜色区分(绿色/紫色/橙色/蓝色等)

二、推测(基于图片可见信息做的合理推断,标注为推测)

- 推测这些“可搜索/可对话/可探索”是产品或工具的主要功能按钮(即 UI 功能入口)。

- 推测左侧文件树显示的是项目源码结构,右侧图为自动生成的依赖/调用/类关系的可视化图谱,用以帮助理解代码结构。

- 推测不同颜色的节点表示不同的代码实体类型(例如:绿色→脚本/工具/模型类,紫色→类,橙色→服务模块,蓝色→API),用于区分职责。

- 推测连线的不同样式(虚线/实线、箭头方向)代表不同的关系类型(引用、依赖、调用等),并可能表示方向性(谁依赖谁 / 谁调用谁)。

- 推测顶部提到的 “支持 Claude Code / Codex / Cursor / Copilot” 表示该工具可以与这些代码理解/生成模型集成或兼容。

- 推测右上 “38.7K Star” 表示该项目或该功能在某平台(如 GitHub)上的星标数,但图片未显式说明平台。

三、无法辨认或不确定的具体项(原图中无法清楚读取或语义不确定之处)

- 左侧文件树中某些小图标或极小字(如文件图标旁的具体图标细节)因尺寸较小难以辨认细节,但文件名文本大多可读。

- 图中部分连线的具体箭头样式(实线 vs 虚线)在某处较细小,个别连线的起点/终点精确连接点在缩小图像时不易区分(但整体方向可见)。

- 未见明确的工具/平台标识来确认“38.7K Star”所对应的平台(图片只显示“38.7K Star”字样,无平台名)。

- 图中某些装饰性或非常小的 UI 元素(如右上知识图谱面板的放大/对话/全屏等图标旁的微小文本)不易辨认其精确含义或文字内容。

SkillPI 作品解读

作品用途:

- 该作品(或产品界面)展示了名为 Understand Anything 的开源项目或工具,用途是把一个代码库解析并可视化为交互式的“知识图谱”,将文件、函数、类与它们之间的依赖/调用/继承关系展示为节点与连线,帮助开发者快速理解项目结构并决定从哪里入手改动。

图片证据要点(简述可验证的观测项):

- 界面包含文件树(my-project)与可视化图谱,节点上可读到文件与类名(例如 main.py、user.py、UserService、BaseModel 等)。

- UI 显示“可搜索”“可对话”“可探索”功能按钮,表明带有搜索、对话式交互与探索视图。

- 图片明确写有“支持 Claude Code / Codex / Cursor / Copilot”,为工具兼容或可集成的模型/助手清单(需进一步核实具体集成方式)。

关联 Skill 的使用步骤(基于图片与常见操作流程的合理步骤建议,非安装命令或保证复现):

1. 获取或克隆目标代码库(例如 my-project)。

2. 安装并运行 Understand Anything(具体安装与启动命令需参考该项目的 README 或官方文档)。

3. 在工具中选择或指向目标代码库路径,启动代码解析/索引过程以生成知识图谱。

4. 在生成的可视化界面中使用“可搜索”定位文件或符号,使用“可对话”与内置对话/问答功能询问代码关系或职责,使用“可探索”浏览模块之间的依赖/调用路径。

5. 如需更细致分析,可在图谱中点击节点查看源文件、函数签名或调用上下文,依据图谱决定从哪个模块或文件开始修改与测试。

6. 如工具支持,与外部模型集成(图片显示支持 Claude Code / Codex / Cursor / Copilot)时,按官方说明配置相应的 API key 或集成选项以启用模型辅助的代码理解问答。

复现前提(运行或复现该功能通常需要的条件):

- 可访问的代码库副本(本地或远程仓库)。

- 获取 Understand Anything 的源码或发布包,并遵循其安装说明(例如依赖环境、运行时要求)。

- 若启用第三方模型(Claude Code / Codex /Cursor/Copilot 等),需准备相应服务的 API key/凭证与网络访问权限。

- 根据项目规模,可能需要充足的磁盘与内存资源以索引大型代码库。

待核实项(在实际尝试前应确认的事项):

- Understand Anything 的具体安装步骤、支持的语言/框架与最低系统要求(图片未给出安装细节)。

- 图片列出的“支持 Claude Code / Codex / Cursor / Copilot”是否指官方集成、插件级支持,或只是兼容性/推荐名单;需核实集成方式、是否需要额外配置或付费服务。

- 图谱生成对动态语言(运行时生成的依赖)或大型 monorepo 的准确性与性能表现。

- 数据隐私与代码保密要求:在把私有仓库上传或索引到第三方服务前,确认数据处理与存储策略。

- 界面中的“38.7K Star”对应哪个平台(图片只显示数值与星形徽章,没有标注平台名)。

声明与注意事项:

- 上述使用步骤为基于界面观察与常见产品工作流程的合理推断,具体命令、参数与交互需以 Understand Anything 的官方文档为准。

- 未在图片或摘要中看到可执行安装命令或配置细节,因此不能保证在任意环境下能按上述步骤完成全部功能,实际操作前请先查阅项目仓库与官方说明。

作品来源 ↗