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。



