Chat 中的 Apps
開啟 APP button，描述要建立什麼，使用 App 工作區分頁預覽、編輯與 deploy——全程不離開對話。
最後更新 2026年9月6日
Chat 是建立 app 最快的方式。APP 撰寫模式告訴 Chat 使用 create、read 和 edit app agent tools，而不只是以文字回覆。
開始建立
- 開啟 Chat（或從 Apps → Create app → Go to chat 開始）。
- 在撰寫區切換 APP（與附件和 tools 並列）。
- Direct Chat only — APP 模式在 Tutor 或 assignment chat 中不可用。
- App 連結後，APP 切換會隱藏 — 改以 chat 訊息或 App 面板編輯。
- 傳送提示，例如：「為 Form 3 化學建立元素週期表測驗。」
- 查看 App 分頁 — 程式碼會串流顯示，preview 同步更新。
- 微調：「加入計時器」 或 「使用繁體中文標籤。」
工作區面板分頁
APP 模式啟用或 chat 有 linked app 時，工作區顯示：
| 分頁 | 用途 |
|---|---|
| App | Live preview + 程式碼編輯器、save、deploy、publish、share |
| Whiteboard | 草圖構想；將快照附加至訊息 |
| Source | Chat 搜尋或爬取時的網頁參考 |
App 分頁在您傳送第一則 APP 訊息或連結現有 app 前為空。
Apps 的 agent tools
Chat 在 APP 對話中使用以下 tools（皆消耗 chat credits）：
| Tool | 功能 |
|---|---|
| Create app | 依描述撰寫初始 HTML/CSS/JS |
| Read app | 變更前檢視目前程式碼 |
| Edit app | 對 linked app 套用 targeted 編輯 |
您也可用自然語言請求 — Chat 會選擇合適的 tool。
每個 chat 一個 app
每個對話僅支援一個 linked app。若要建立不同 app：
- 以 APP 模式開啟新 chat，或
- 從 Apps 目錄 Link 另一個 app（會取代目前連結）。
沒有 chat 的匯入 app 可從 app 詳情頁 Start chat，讓 Chat 查看程式碼。
建立更好 app 的提示
- 具體說明對象（year group）、互動（拖曳、點擊、輸入）與學科內容。
- 若學生使用手機，請要求 mobile-friendly 版面。
- 若 preview 顯示錯誤，將錯誤訊息貼回 Chat。
- 班級可用版本完成後 Deploy — 分享 play link，而非 chat。
deploy、publish 與展示區步驟見 Create & deploy an app。
