Collaborator代码知识图谱揭秘D3力导向图一键看清项目依赖结构【免费下载链接】collab-publicCollaborator is a place to create with agents.项目地址: https://gitcode.com/gh_mirrors/co/collab-publicCollaborator 是一款面向 AI 智能体协作的桌面应用内置代码知识图谱功能借助 D3 力导向图它把项目里的文件、Wiki 链接、代码 import 依赖以及智能体的读写行为一键绘制成一张可缩放、可点击的可视化图谱新手也能快速看清项目结构与依赖关系。一键打开3步启动项目知识图谱Collaborator 的知识图谱是开箱即用的无需配置打开应用并添加工作区点击导航栏下拉菜单选择 Add workspace或按CmdShiftO选中本地文件夹拖拽文件到画布把文件或文件夹从文件树拖到无限画布上即可创建磁贴打开图谱磁贴图谱会随工作区文件变化自动刷新无需手动重建整个应用的安装和启动流程见 install.sh 与 README.mdmacOS / Windows / Linux 三大平台均可运行。看懂图谱节点与连线各代表什么打开图谱后你会看到一群彩色圆点由细线相连——它们分别代表元素含义节点圆点工作区内的每个文件Markdown、代码、图片节点大小文件体积越大圆点越大一眼看出核心文件蓝色连线代码 import 依赖JS/TS 与 Python⚪灰色连线Markdown 中的[[wikilink]]双向链接橙色大节点正在干活的 AI 智能体Agent⬜圆角方块图片文件直接显示缩略图数据从哪里来图谱数据由主进程构建扫描工作区文件后Markdown 的 wiki 链接用正则[[...]]提取而 JS/TS 的 import 依赖则交给专业的依赖分析工具 dependency-cruiser 精确解析Python 文件也有专门的解析器。核心逻辑在 workspace-graph.ts 中Python 部分见 workspace-graph-python.ts。D3力导向布局为什么文件会自动聚团图谱底层使用 D3 的力导向模拟每个文件节点之间施加斥力每条依赖连线像弹簧一样把相关文件拉向彼此最终依赖越紧密的文件越靠近项目结构自然浮现。这套模拟引擎实现在 forceGraph.ts。还有一个贴心的细节——同色即同目录。Collaborator 会把 360° 色相按文件夹层级递归切分同一文件夹下的文件呈现同色系文件夹之间的差异则是不同色相相当于给图谱加了一层目录地图。算法位于 hueMap.ts。交互小技巧️ 滚轮平移画布Ctrl/Cmd 滚轮缩放️ 拖拽节点可手动调整布局️ 悬停节点显示文件名点击节点直接打开对应文件实时追踪AI智能体谁在改哪个文件知识图谱不只向后看还能实时看。当你在画布上启动智能体时图谱中会浮现一个橙色 Agent 节点它读过的文件用浅连线连上、写过的文件用深连线连上。文件一有改动图谱还会闪烁高亮提醒你。智能体节点与文件节点的合并逻辑在 WorkspaceGraph.tsx 中实现而节点类型文件 / 代码 / 智能体等数据结构定义在 types.ts。时光机回放逐提交重现项目演化如果工作区是 Git 仓库图谱底部会出现一条Replay 时间轴。拖动进度条或点击播放图谱会逐提交commit回放项目演化过程文件何时出现、依赖关系何时建立、某次提交具体动了哪些模块——一眼看清代码是怎么长成今天这个样子的。回放引擎useReplayEngine.ts时间轴组件ReplayTimeline.tsx主进程回放数据git-replay.ts源码导读知识图谱相关模块清单模块路径职责图谱构建主进程collab-electron/src/main/workspace-graph.ts收集文件、提取 wiki 链接与 import 依赖D3 力导向引擎collab-electron/packages/components/src/WorkspaceGraph/forceGraph.ts力模拟、缩放平移、拖拽、缩略图React 图谱组件collab-electron/packages/components/src/WorkspaceGraph/WorkspaceGraph.tsx数据合并、配色、自动刷新目录色相映射collab-electron/packages/components/src/WorkspaceGraph/hueMap.ts文件夹 → 颜色图谱磁贴窗口collab-electron/src/windows/graph-tile/src/App.tsx独立磁贴窗口入口常见问题Q图谱会扫描 node_modules 吗不会。构建时会显式排除node_modules、dist、build、out等目录图谱只反映你自己的源码。Q支持哪些语言的依赖分析目前覆盖 TypeScript / JavaScript.ts、.tsx、.js、.jsx和 PythonMarkdown 的 wiki 链接则对所有笔记生效。Q文件改名或删除后图谱会怎样会。文件监听一旦触发图谱在 16ms 防抖后自动重建始终保持与磁盘一致。想要亲手体验一键看清项目依赖结构先克隆仓库安装依赖再运行开发模式即可git clone https://gitcode.com/gh_mirrors/co/collab-public cd collab-public/collab-electron bun install bun run dev从一棵静态文件树到一张会呼吸的力导向知识图谱Collaborator 把项目结构、智能体行为与 Git 历史压缩进同一块画布——这正是它作为与智能体共同创造之地的独特之处。【免费下载链接】collab-publicCollaborator is a place to create with agents.项目地址: https://gitcode.com/gh_mirrors/co/collab-public创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考