ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

Collaborator完整入门:AI智能体开发环境的无限画布新范式,为什么它让Agent与代码并肩工作

Collaborator完整入门:AI智能体开发环境的无限画布新范式,为什么它让Agent与代码并肩工作 Collaborator完整入门AI智能体开发环境的无限画布新范式为什么它让Agent与代码并肩工作【免费下载链接】collab-publicCollaborator is a place to create with agents.项目地址: https://gitcode.com/gh_mirrors/co/collab-publicCollaborator 是一款面向 AI 智能体Agent开发的桌面应用它把终端、上下文文件和正在运行的代码全部铺在一块无限画布上左边是文件导航栏中间是与 Agent 终端、Markdown 笔记、代码文件并排摆放的工作区真正做到“无上下文切换、无标签页翻找”。本文是一份面向新手的完整入门指南带你 5 分钟上手这款 AI 智能体开发环境。为什么需要“Agent与代码并肩”的工作方式传统的 AI 编程工作流通常是这样的IDE 里开一个终端跑起 Claude Code 或 Codex然后反复在“看终端输出”和“编辑文件”之间切换——标签页越开越多上下文越切越碎。Collaborator 换了一种思路把一切都变成画布上的“磁贴”Tile。️终端磁贴每个终端是一个独立会话专门用来跑 AI Agent笔记磁贴Markdown 文件拖上来即可实时编辑代码磁贴带语法高亮的代码编辑器️图片磁贴只读图片预览终端跑着 Agent 的同时旁边就是它正在改的文件、你要读的文档——视野之内全部可见。项目定位详见 README.md。一键安装三种平台最快上手方法Collaborator 是原生桌面应用支持 macOS、Windows 和 LinuxWindows 终端可同时支持 PowerShell 和 WSL2 发行版。方式一下载安装包推荐前往发布页下载对应平台的最新安装包macOS / Windows 用安装包Linux 直接安装。方式二命令行安装macOS / Linuxcurl -fsSL https://raw.githubusercontent.com/collaborator-ai/collab-public/main/install.sh | bash方式三从源码运行开发版如果你想参与开发源码结构参考 CONTRIBUTING.mdgit clone https://gitcode.com/gh_mirrors/co/collab-public cd collab-public/collab-electron bun install bun run dev前提Node.js 22 与 Bun。构建基于 electron-vite开发模式下支持热重载。无限画布4步开启你的Agent工作台第1步添加工作区打开应用后点击左侧导航栏顶部的工作区下拉框选择 “Add workspace”或按快捷键CmdShiftOLinux/Windows 为CtrlShiftO然后选择一个本地文件夹。支持多工作区并存每个工作区有独立的文件树。第2步双击画布创建终端在空白画布上双击即刻生成一个终端磁贴其工作目录自动设为当前工作区路径。在这里启动你的 AgentClaude Code、Codex、Gemini CLI 等多个 Agent 可以并排同时跑互不干扰——每个终端磁贴都绑定一个由 node-pty 独立守护的持久会话实现细节见 collab-electron/src/main/pty.ts 与 collab-electron/src/main/sidecar/client.ts。第3步把文件拖上画布从左侧文件树中把文件拖拽到画布上.md文件变成可编辑的笔记磁贴其他文本文件变成代码磁贴图片变成只读预览。磁贴位置、大小自动吸附网格拖标题栏即可移动。第4步自由缩放与平移操作输入平移滚轮 / Space拖拽 / 中键拖拽放大 / 缩小Cmd/Cmd-或 Ctrl滚轮重置缩放Cmd0缩放范围 33%–100%右下角会短暂显示当前缩放百分比。文件导航器与查看器Agent的上下文管理左侧导航器Navigator提供完整的文件树能力展开/折叠、F2 重命名、多选Shift点击 / Cmd点击、拖拽移动文件、CmdK快速搜索还支持“时间线”视图按修改日期浏览。选中文件后主区域的查看器会展示其内容——Markdown 支持 wikilink 与封面图代码文件支持行号高亮且磁盘上的外部改动会自动热重载。所有应用状态磁贴布局、视口、工作区列表都以 JSON 文件保存在本地~/.collaborator/目录无需账号、数据不出本地。布局引擎的源码在 collab-electron/src/windows/shell/src/tile-manager.js 和 collab-electron/src/windows/shell/src/canvas-state.js。进阶玩法用CLI指挥画布让Agent替你摆放磁贴这是 Collaborator 最“极客”的亮点内置的collab-canvas命令行工具让你或你的 Agent从终端反向控制画布——列出磁贴、在指定网格坐标创建终端/笔记/代码/图片磁贴。完整命令参考 collab-electron/packages/collab-canvas-skill/skills/collab-canvas/SKILL.md# 在坐标 (5,5) 创建一个终端磁贴 collab-canvas tile create term --pos 5,5 # 把 README.md 打开为笔记磁贴 collab-canvas tile create note --file ./README.md配合 Agent 使用时Agent 可以在执行任务的同时自动为自己“摆出”工作现场——这正是“无限画布新范式”的含义空间即上下文布局即状态。此外应用还在记录统一的画布事件日志PTY 生命周期、OSC 事件、磁贴操作为未来的 Agent 可观测性打基础设计文档见 collab-electron/docs/superpowers/specs/2026-04-05-canvas-event-log-design.md。技术栈一览为什么它快而稳Collaborator 用现代桌面技术栈构建collab-electron/package.jsonElectron 40 多 Webview 架构React 19 Tailwind CSS 4xterm.js 独立 node-pty sidecar 进程终端永不随窗口崩溃Monaco Editor代码编辑、BlockNote/TipTap富文本、D3工作区关系图总结谁适合Collaborator场景价值同时运行多个 AI Agent每个 Agent 一个终端磁贴输出同屏可见边读文档边改代码文件即磁贴改完即被终端里的 Agent 感知长任务开发终端会话持久化关磁贴不丢进程本地优先全部数据在~/.collaborator/无账号、无云端Collaborator 目前处于早期快速迭代阶段窗口底部还写着 “ALPHA – BEWARE BUGS”但它的核心范式已经足够清晰别再在标签页里寻找你的 Agent让 Agent 和你的代码并肩站在一起。现在就下载安装双击画布开启你的第一个终端吧 【免费下载链接】collab-publicCollaborator is a place to create with agents.项目地址: https://gitcode.com/gh_mirrors/co/collab-public创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表