让Claude成为你的Excalidraw助手
Rust 82.4% JavaScript 12.5% CSS 2.3% Makefile 1.2% Nix 0.6% Dockerfile 0.6% HTML 0.4% 1 1 0 克隆此仓库 使用永久链接 HTTPS https://tangled.org/yanndegat.tngl.sh/drawgent https://tangled.org/did:plc:3zklierfkckthy6sodbm4af3 SSH git@tangled.org:yanndegat.tngl.sh/drawgent git@tangled.org:did:plc:3zklierfkckthy6sodbm4af3 对于自托管的节点,克隆URL可能会根据你的设置而有所不同。 下载tar.gz 下载.zip README.md drawgent: 你在Excalidraw画布上的代码代理 # drawgent将你自己的Claude Code、Codex或opencode(你的安装、登录、配置和仓库)连接到Excalidraw白板。在聊天面板中请求一个图表,或者在你想要更改的画作部分旁边写上AGENT: …。代理将查看画布(截图 + 场景),实时编辑,检查结果,并将注释标记为完成。 快速入门 # 前提条件:已安装并登录其中一个claude、codex或opencode。Claude和Codex桥接也需要Node.js ≥ 18(npm)。 drawgent设置claude # 每个代理一次:claude | codex | opencode cd ~/my-repo drawgent up # 在这个仓库中启动新的代理会话 + 在你的浏览器中打开画布 drawgent up --attach # 或者:选择一个正在运行的会话并将画布连接到它 drawgent setup <agent> # 一次检查所有内容,缺少时提供确切的修复,并写入 ~/.config/drawgent/config.toml : 代理CLI。你的claude / codex / opencode在PATH上。登录。 claude auth status , codex login status或opencode auth list . ACP桥接。 opencode自身使用ACP(opencode acp)。Claude Code和Codex使用官方的ACP适配器。它们被安装到~/.cache/drawgent/adapters(约60 MB),不包括它们的打包代理二进制文件,并指向你的CLI(CLAUDE_CODE_EXECUTABLE,CODEX_PATH)。设置时验证ACP握手。 为附加会话提供画布工具。仅Codex需要更改:codex mcp add drawgent -- drawgent mcp . Claude和opencode在附加时获取工具。 为渲染器提供无头Chrome。 如果你有Chrome/Chromium,设置将使用它。否则,它建议:下载Chrome Headless Shell(测试用Chrome,约120 MB,无需sudo)到~/.cache/drawgent/chrome,并告诉你缺少哪些系统库(如果有);使用你的包管理器(apt、snap、dnf、pacman、zypper、apk、brew或nix)安装Chromium,无需sudo。 非交互式:--chrome download | system | /path/to/chrome . drawgent up拒绝启动,直到该代理的设置成功,或者如果记录的内容丢失。 drawgent up # 在当前目录(工作区)运行:启动编辑器 + API在127.0.0.1:7300(下一个空闲端口如果被占用);通过ACP启动代理的新会话,在工作区中工作;打开你的浏览器。在无头盒子上,它打印ssh -L命令。 场景保存在.drawgent/scene.json中,自动被git忽略。 drawgent up --attach [id] # 将画布连接到你已经运行的会话。如果没有id,它列出找到的会话(当前目录优先)并让你选择:代理发现画布如何到达它 Claude Code claude agents --json(交互和后台会话) fork : 一个新的会话,携带完整的对话,由drawgent通过ACP驱动。你的终端会话保持不变 opencode opencode服务器本地监听:通过 opencode --port 4096(或 opencode serve )启动TUI live : 消息进入你正在运行的会话(你在TUI中看到它们);drawgent在运行时将其MCP工具添加到该服务器;在TUI中输入的回复、工具调用和提示会在聊天面板中反射 ~/.codex/sessions中的Codex会话 live : codex queue --thread <id> ; 回复从会话的滚动文件中反射。会话需要drawgent MCP(通过设置注册,Codex启动时加载) 使用画布 # 聊天面板(右侧):发送请求,观看回复和工具调用流入,批准权限提示,按Stop取消轮次。 在画布上:写下以AGENT: 开头的文本,放在或放在形状内部,或从注释画一条箭头指向形状。 大约在停止输入后2.5秒触发,带有它的位置、指向的对象和附近的内容。代理将其解析为绿色的完成注释:… 编辑回AGENT:以再次发送它。 提示被排队并一次执行一个。已经处理的排队注释被跳过。 drawgent up --room 'https://excalidraw.com/#room=<id>,<key>' drawgent作为协作者加入房间(🤖代理,带有跟随其编辑的光标)。人类可以停留在excalidraw.com上:他们的AGENT:注释到达你的代理,其编辑实时出现在那里。流量通过房间密钥端到端加密。 空房间从excalidraw的Firestore存储加载并保存。 本地编辑器镜像房间,依然有聊天面板。 其他命令 # drawgent mcp : 带有画布工具的stdio MCP服务器。代理启动它;它自行找到正在运行的drawgent。 drawgent serve : 低级别的se
本站免费、广告极少。如果觉得有帮助,可以请我们喝杯咖啡 —— 任何金额都对持续运营有实际帮助。
☕请我喝杯咖啡