App Canvas · 开源 · 为 Coding Agent 而设计 · v0.12.0
整个 UI，一张画布，来自真实代码。
与 coding agent 一起创建和维护可缩放画布，同时查看真实页面、状态和交互流程。
合成数据 Demo · 无 App backend · 无需登录 · 无需 API key
App Canvas Cloud →TL;DR
- 一次看清已实现的完整页面、命名状态和连接流程。
- 只维护一份 UI。Coding agent 负责 fixtures、adapter 和 coverage checks。
- 公开合成数据 Demo 有 77 个状态和 44 条流程，无需登录或 API key。
看全貌、直接操作、播放流程
缩小，看清整个 App
按页面分组查看完整画面，搜索、筛选或收起侧栏。点击流程链接后，镜头会移动到目标画面。
放大，操作真实 UI
Browse 锁定控件，便于拖动画布。选中画面后点击 Interact，即可用合成数据操作原有 App 代码。
点击 Demo，展示完整旅程
在持续运行的 App session 中播放成功、失败和恢复流程，附操作提示、字幕、暂停、速度和步骤时间轴。
从现有 Repo 到完整交互画布
交给能读写 Repo 并执行命令的 coding agent。无需事先准备 Storybook 或手写画面清单；仅安装包不会自动填满画布。
接入现有 Repo →App Canvas Cloud · 候补名单
想要托管工作区？登记兴趣。Cloud 尚未推出；MIT 工具与公开 Demo 现已可用。
退出候补名单
隐私与遥测
可选地经 Cloudflare 发送少量使用事件到 PostHog。不会将页面内容、代码、姓名、文件路径、email 或 IP 地址转交 PostHog，可随时关闭。
这个版本能证明什么，有哪些限制
- Web preview 使用真实 HTML/CSS，交互时执行原有 JavaScript。UIKit、SwiftUI 和 Android 需要原生 runtime harness 和证据；原生截图不等于可操作的原生 App。
- Coverage 是经过审查的源码与 case 对照，不会自动推断所有业务场景。UI checks 不代表 production backend、医疗准确率或模型 precision 已达标。
- Viewer 默认 English，支持 11 种语言。公开 Demo 是固定的虚构前端；本机集成会跟随源码更新。尚未测量实体 iPad 性能。
