叮咚
这条支线是给会写前端的朋友的。状态栏、换配色这些，AI 助手就能做；如果你想把整个聊天页换成游戏界面、仪表盘，就要用 SDK 自己做「独立界面」了。
本关任务
先想清楚要改哪一层
| 想做的 | 用什么 | 要不要写代码 |
|---|---|---|
| 把一条回复显示成状态卡 | 正则 + CSS（第 9 关） | AI 助手能写 |
| 收到消息时弹提示、切换氛围 | 全局 JS（第 10 关） | AI 助手能写 |
| 自己做整个聊天页面 | 独立界面 + SDK | 要自己写前端 |
打比方
前两种是给聊天页换衣服、装小机关；独立界面是把整个房间拆了重新装修。
大致流程
- 选模板：H5（不用构建）或 React（Vite + TypeScript），在《AI玩家 SDK 使用教程》（语雀）里获取。
- 本地调界面：模板没连上平台时会用本地的模拟数据，先把布局做好。
- 进平台联调：在创作页的预览设置里选「本地调试界面」，填本地地址，确认页面显示连上了真实平台。
- 打包上传：ZIP 第一层直接是
index.html，在「独立界面」里上传，保存角色卡。 - 在目标端验收：创作页预览、网页和 App 分别测发送、停止、变量和存储。
本地模拟成功就当完成了
模拟数据不调用真实 AI，也不会真的保存。只有进平台、握手成功、上传以后再测一遍，才算接好了。
去技术手册
具体怎么做，都在技术手册的 SDK 部分：
通关
支线 · 通关奖励
通关印章