开发者生态
morning
让 Claude 成为 exlidraw 的助手
摘要
drawgent: your coding agent on a live Excalidraw canvas # drawgent connects your own Claude Code, Codex or opencode (your install, login, config and repo) to an Excalidraw whiteboard. Ask for a diagra...
drawgent
the
and
your
opencode
agent
claude
codex
canvas
Claude
2026-09-27
1 阅读
约8分钟阅读
parasitid
字号:
drawgent:实时 Excalidraw 画布上的编码代理#drawgent 将您自己的 Claude Code、Codex 或 opencode(您的安装、登录、配置和存储库)连接到 Excalidraw 白板。在聊天面板中索要图表,或在您想要更改的绘图部分旁边写下“代理:...”。代理查看画布(屏幕截图+场景),实时编辑,检查结果,并将注释标记为 DONE 。快速入门 # 先决条件:已安装并登录 claude 、 codex 或 opencode 之一。Claude 和 Codex 桥还需要 Node.js ≥ 18 (npm)。 drawgent setup claude # 每个代理一次: claude |法典| opencode cd ~/my-repo drawgent up # 此存储库中的新代理会话 + 浏览器中的画布drawgent up --attach # 或:选择一个正在运行的会话并将画布连接到它drawgent setup # 检查所有内容一次,在缺少某些内容时失败并进行精确修复,并写入 ~/.config/drawgent/config.toml :代理 CLI。你的 claude / codex / opencode 在 PATH 上。登录。 claude 身份验证状态、codex 登录状态或 opencode 身份验证列表。 ACP 桥。 opencode 本身讲 ACP ( opencode acp )。 Claude Code 和 Codex 使用官方 ACP 适配器。它们一次安装到 ~/.cache/drawgent/adapters (~60 MB) 中,没有捆绑的代理二进制文件,并指向您的 CLI ( CLAUDE_CODE_EXECUTABLE 、 CODEX_PATH )。然后安装程序验证 ACP 握手。用于附加会话的画布工具。只有 Codex 需要更改: codex mcp adddrawgent --drawgent mcp 。 Claude 和 opencode 在附加时获取工具。用于渲染器的无头 Chrome。安装程序会使用您的 Chrome/Chromium(如果您有)。否则,它建议:将 Chrome Headless Shell(Chrome 用于测试,~120 MB,无 sudo)下载到 ~/.cache/drawgent/chrome 中,并准确告诉您缺少哪些系统库(如果有);使用包管理器安装 Chromium(apt、snap、dnf、pacman、zypper、apk、brew 或 nix,无需 sudo)。非交互式:--chrome 下载 |系统| /路径/到/chrome 。 Drawgent up 拒绝启动,直到该代理的安装成功,或者安装记录的某些内容消失。 drawgent up # 在当前目录(工作区)中运行:在 127.0.0.1:7300 上启动编辑器 + API(如果占用,则为下一个空闲端口);通过 ACP 启动代理的新会话,在工作区中工作;打开您的浏览器。在无头盒子上,它会打印 ssh -L 命令。场景保存在 .drawgent/scene.json 中,它会自动被 git 忽略。 drawgent up --attach [id] # 将画布连接到您已经运行的会话。如果没有 id,它会列出它找到的会话(首先是当前目录),并让您选择一个:代理发现画布如何到达它克劳德代码克劳德代理--json(交互式和后台会话)fork:一个承载完整对话的新会话,由ACP上的drawgent驱动。您的终端会话保持不变 opencode opencode 服务器在本地侦听:使用 opencode --port 4096 (或 opencodeserve )启动 TUI live :消息进入您正在运行的会话(您在 TUI 中看到它们); drawgent 在运行时将其 MCP 工具添加到该服务器;您在 TUI 中输入的回复、工具调用和提示将镜像到 ~/.codex/sessions live 中的聊天面板 Codex 会话中: codex queue --thread ;回复是从会话的转出文件中镜像的。会话需要drawgent MCP(通过设置注册,Codex 启动时加载) 使用画布 # 聊天面板(右侧):发送请求、观看回复和工具调用流、批准权限提示、按“停止”取消回合。在画布上:在形状旁边或内部写入以 AGENT: 开头的文本,或绘制从注释到形状的箭头。它会在您停止打字后约 2.5 秒触发,并显示其位置、指向的内容以及附近的内容。代理将其解析为绿色的 DONE: ... 注释。将其编辑回 AGENT: 以再次发送。提示会排队并一次运行一个。已处理的排队注释将被跳过。 drawgent up --room 'https://excalidraw.com/#room=,' drawgent 作为协作者加入房间( 🤖 Agent ,光标跟随其编辑)。人们可以留在 excalidraw.com:他们的代理人:笔记到达您的代理人,其编辑内容会实时显示。流量使用房间密钥进行端到端加密。空房间从 exalidraw 的 Firestore 存储中加载并保存到其中。本地编辑器镜像了房间,并且仍然有聊天面板。其他命令 #drawgent mcp :带有画布工具的 stdio MCP 服务器。代理启动它;它会自行发现正在运行的绘图程序。 drawgentserve :具有显式代理的低级服务器(--agent claude、codex、opencode 设置,或任何 ACP 代理的 name=command);用于脚本和容器。 up/serve 的选项: --port 、 --room 、 --token (API 持有者 + ?token= 在 URL 中)、 --permissions canvas|ask|all (默认画布:绘图工具自动批准,聊天面板中询问的任何其他内容)、 --data 、 --settle-ms 。可选:Docker # docker compose up --build 运行画布服务器(drawgent + C
这篇文章对您有帮助吗?
订阅66必读
每日精选科技资讯,直达你的邮箱