AgentCanvas

背景

图片处理和排版既要能交给 Agent 调用，也要让人看清结果、继续调整。AgentCanvas 将场景文档、画布编辑与 Agent 接入放在同一个工具内。 面向 Agent 的图片与画布处理入口、桌面、MCP 与 HTTP 接入、图层、画板与布局意图共用场景文档、实时预览与人工调整、PNG、JPG、WebP、SVG 与 PDF 导出

工作流程

图片与画布 → 图层与排版 → 预览与调整 → 多格式导出

先给 Agent 一个可调用的入口

这个工具面向 Agent 的图片处理与排版任务。截图中的桌面、MCP 与 HTTP 入口使用同一套方法，Agent 接入与人工编辑围绕同一份场景文档展开。

把处理结果留在画布上

工作台将图片处理、图层、画板、布局意图与实时预览放在一起。人可以在画布上查看和调整结果，再按使用场景导出 PNG、JPG、WebP、SVG 或 PDF。

界面细节

画布入口将新建、示例与场景文档说明放在一起，供人工操作与 Agent 接入共用。

真实软件界面

个人职责

需求定义 / 产品规划 / 工作流分析 / AI 辅助开发 / 界面实现 / 测试与迭代

我从需求出发设计产品和工作流程，通过 Vibe Coding 完成开发，也负责功能验证、界面迭代和交付整理。