从 Web 界面迁移到 KUI

迁移一个小页面

先拿设置页、列表或编辑面板验证，不要从整个浏览器应用打包开始。

1. 整理静态 HTML/CSS、图片和字体，保留布局与视觉变量。
2. 找出 React/Vue、JavaScript、浏览器存储、路由和网络依赖。
3. 按当前能力查询验证关键属性值与交互，不把能解析等同于行为完整。
4. 用原生事件或 Lua 重接状态；存储、系统服务与后台任务交给宿主。
5. 检查窗口尺寸、输入法、焦点、滚动与最终资源目录。

参考组件风格，不直接搬运行时

可以要求 Agent 按 Ant Design 或 Evergreen UI 的视觉风格生成 HTML/CSS。对应 React 组件的 JavaScript 逻辑不会自动在 KUI 中运行；交互要用 KUI 的 DOM、Lua 或宿主接口实现。

给 Agent 的迁移任务

提供当前页面、SDK、构建命令与验收动作。让 Agent 保留视觉结构、列出需要替换的浏览器 API，完成后用 MCP 检查实际窗口。

基于KUI，按 Web 的 HTML/CSS 标准迁移这个桌面设置页。
保留布局、字体层级与颜色。不要依赖 JavaScript 组件运行时。
用当前 SDK 的原生事件或 Lua 实现输入、保存、错误提示与恢复。
验收：能构建；修改名称后保存；空白输入不覆盖旧值；窄窗口可操作。
通过 DevTools/MCP 检查 DOM、输入、按钮和结果截图。

• Agent 接入 →
• 桌面应用工程 →