使用 AI 生成 AirUI 项目

江访

重要提醒：

1、当你安装配置好智能体、规则和技能后，最终一定要参考验证智能体、规则和技能是否安装成功来验证安装配置是否正确；

2、Trae中内置的免费大模型，会经常排队，并且性能不可控，容易出问题，所以推荐参考：001 发送会话请求时，提示排队，如何解决？的方法，订阅收费的大模型（目前每月40元）；这样可以大大提高AI性能；如果不想使用收费模型，在非正常工作时间段内，使用内置的免费模型也能勉强凑合；

3、选择收费大模型时，经过我们的实际测试，根据工作任务的不同，可以按照如下建议选择（仅供参考，具体情况还需要根据你自己的实际使用情况来定）：

代码开发任务，优先选择GLM（可能是使用的人数太多，有时候处理较慢）；如果GLM处理太慢，再考虑切换到MiniMax；
其他任务，可以首先选择ark-code-latest，其次选择MiniMax，最后选择GLM（可能是使用的人数太多，有时候处理较慢）；

一、概述

本次项目代码是使用 deepseep 生成一个 html 文件，再通过 trae 软件调用合宙 luatos-docs-code-101 智能体，根据这个 html 文件布局生成可运行的 AirUI 项目代码

二、准备工作

2.1 创建创建空项目文件夹

新建一个文件夹，我这里命名为 airui

2.2 下载 trae 软件并打开新建的项目文件夹

下载链接
打开新建的项目文件夹
切换为 solo 模式

2.3 安装 luatos-docs-code 智能体

参考安装 luatos-docs-code 智能体、规则和技能教程

三、生成过程

3.1 通过 deepseek 生成 html 示例

打开 deepseek 网页版，输入下面要求，得到 html 文件

帮我生成一个html，用于嵌入式设备UI 演示

窗口横屏，分辨率w=480,h=320

包含开机窗口显示1.5秒、待机窗口和主菜单窗口可以切换

deepseek 生成了以下 html 文件

开机窗口
待机窗口
主菜单窗口

3.2 通过 trae 软件调用合宙 luatos-docs-code-101 智能体生成项目文件和代码

将创建的空文件夹使用 trae 软件打开，输入以下命令

我的 deepseek 生成的 html 文件在 C:\Users\luat\Downloads\deepseek_html_20260327_d5969e.html

使用时需要换成你的 html 文件位置和名称

/plan

参考以下需求，先帮我制定plan，仅输出plan文件并保存，创建一个以项目命名+时间的空文件夹生成的项目文件放里面。制定plan时，除了输出你规划中的plan文件内容，还要输出项目功能需求和业务逻辑分析，项目总体设计，项目详细设计这几部分的内

帮我生成一个 LuatOS 项目代码，功能需求如下：

1、硬件模组：Air8000A

2、软件功能需求：

参考C:\Users\luat\Downloads\deepseek_html_20260327_d5969e.html的页面布局

严格遵守AirUI文档接口和参数进行窗口UI设计，使用exwin进行管理，通过消息机制来打开窗口,不使用接口直接调用窗口

窗口横屏，分辨率w=480,h=320

使用airui的方式初始化显示、触摸和字体

3、按照plan创建完整的项目代码

得到了一个项目文件plan
让 trae 继续生成项目文件

得到了项目代码文件

四、运行与优化

4.1 使用 PC 模拟器直接代码运行出现错误

[2026-03-27 19:27:42.349][00000000.190] E/main [string "boot_window.lua"]:103: attempt to index a nil value (global 'exwin')

[2026-03-27 19:27:42.349][00000000.190] E/main Lua VM exit!! reboot in 15000ms

4.2 让 AI 解决错误

4.3 修改后运行还是会报错

告知 AI，exwin 为扩展库，没有内置到 LuatOS 内核固件中，使用时需要 exwin = require("exwin ")加载后才能正常调用 exwin 的功能，后续会将此情况更新至技能中，同时在扩展库中也增加了此条注意事项。

4.4 修改后继续报错

告知 AI 全局使用不能使用 local exwin = require "exwin" ，需要使用 exwin = require "exwin"，后续会将此情况更新至技能中

4.5 使用 AI 更新后的代码，用模拟器运行没有画面

告知 AI 现在代码逻辑 require "lcd_drv" 和 require "tp_drv" 并不会运行这两个文件内的函数，同时修改了 demo，简化了显示和触摸初始化代码，加载即可完成初始化，自动判断在模拟器上运行还是真机上运行。

AI 正确找到了问题所在并进行了修改

4.6 模拟器上正确显示了画面，但不好看

开机窗口
待机窗口
主菜单

4.7 让 AI 继续优化排版

4.8 最后再让 AI 检查一遍

win_id 仅在运行期间有效，无实际影响

五、对比 html 效果和最终 AI 生成的 UI 界面效果

基本布局可以相似，细节还需手动调整一下

	html	AI按要求调整后
开机窗口
待机窗口
主菜单