Codex 如何操作无限画布体验 Infinite Canvas Codex Plugin大家好这里是代码简单说欢迎大家关注同名公众号不定时更新更多实用有趣的教程也欢迎大家在评论区一起讨论交流~最近在体验 Codex 的插件生态时发现了一个比较有意思的开源项目Infinite Canvas Codex Plugin。它的作用不是新增一个聊天能力而是通过MCPModel Context Protocol将 Codex 与本地运行的 Infinite Canvas 连接起来让模型可以读取当前画布中的节点信息并根据上下文完成内容生成、节点分析等操作。本文简单介绍它的工作方式以及基本使用流程。一、项目简介Infinite Canvas 是一个面向 AI 创作的开源无限画布项目。除了常见的节点编辑能力之外还集成了多画布管理Prompt 管理AI 图片创作图像编辑本地 Canvas AgentMCP 接入能力项目提供了对应的 Codex Plugin因此 Codex 可以通过 MCP 与画布进行交互。整个过程采用本地 Agent 通信不需要额外开发接口。项目资料项目地址Infinite Canvashttps://github.com/basketikun/infinite-canvasCodex 客户端https://codexdown.cn/二、Codex 如何与画布通信插件的整体流程比较简单。Codex │ ▼ Infinite Canvas Plugin │ ▼ Canvas AgentMCP │ ▼ Infinite Canvas插件主要负责检测本地画布是否运行启动 Canvas Agent建立 MCP 通信获取画布节点将 Codex 的操作同步到画布因此 Codex 可以直接理解当前画布中的内容而不是仅依赖聊天上下文。三、可以完成哪些操作建立连接后可以直接使用自然语言完成一些画布操作例如打开 Infinite Canvas或者读取当前画布并总结节点结构也可以根据当前节点生成图片提示词这些操作本质上都是通过 Canvas Agent 调用本地画布能力完成。四、插件安装方式项目提供了自动安装和手动安装两种方式。自动安装时可以让 Codex 根据仓库中的插件配置完成安装流程。手动安装时则需要Clone 项目仓库添加 Personal Marketplace安装插件新建 Codex 对话加载插件整个安装流程都已经在项目文档中进行了说明。五、Canvas Agent 的作用整个插件真正的核心其实是 Canvas Agent。默认启动命令为npx-ybasketikun/canvas-agent mcpAgent 启动后主要完成几项工作提供 MCP 服务获取画布信息接收 Codex 指令更新画布内容因此 Codex 实际并不是直接控制浏览器而是通过 Agent 与 Infinite Canvas 进行交互。六、Infinite Canvas 的特点除了插件之外Infinite Canvas 本身也具有不少特点例如无限画布编辑节点连线多项目管理AI 图片生成图像编辑Prompt 管理对话助手MCP 扩展能力整个项目基于现代前端技术栈开发包括 Next.js、React、TypeScript 等。七、总结Infinite Canvas Codex Plugin 展示了一种比较典型的 MCP 应用方式。相比传统聊天模式它让模型能够直接获取画布上下文并在同一个工作流中完成分析、生成和内容更新。如果对 MCP、Agent 或 AI 工作流感兴趣可以阅读项目源码了解其实现方式对于理解本地 Agent 与模型之间的协作流程也有一定参考价值。