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 效能。
