设计晨报 往期
← 10月22日
AI 与创作

App Canvas:开源画布让编码 Agent 从仓库铺出真实屏/状态/流程

App Canvas 把「整应用状态地图」交给编码 Agent 从仓库铺出来,方便审空态、错态与恢复流,而不是只靠 Storybook 单组件预览。

2026-10-18 Tom Tang 发布 MIT 开源 App Canvas。编码 Agent 读仓库:发现屏/组件/变体/导航,写 fixtures、render adapter 与覆盖校验,在可缩放画布上展示真实应用 UI(非另画 mock)。公开 demo:77 authored states、44 interactive flows、121 playable entries(含 standalone);支持 Browse/Interact/Demo 播放失败→草稿→重试等旅程。CLI 含 discover、`--check`/`--verify`/`--complete`;可选 Codex/Claude Code skill。运行时不调模型、无需 API key。

tomtang3.ai/blog/introducing-app-canvas/ 标注 October 18, 2026;文内 77 states/44 flows/121 entries;github:tombelieber/app-canvas 与 AGENT_GUIDE。

为什么值得看

做移动/SaaS 的设计师可用整应用状态地图审空态、错态与恢复流,并让 Agent 改真实源码后再回看画布。

原文