AI能否用于嵌入式AirUI 代碼生成 ，是很多開發(fā)者關(guān)心的問題，本文通過實際項目進(jìn)行驗證。

傳統(tǒng)嵌入式UI開發(fā)流程繁瑣，需兼顧硬件適配與交互邏輯；AI在網(wǎng)頁、App界面生成方面已較為成熟，但在嵌入式硬件場景中的實用性，仍需實際測試驗證。 AirUI框架封裝了常用組件、事件管理等功能，提供Lua開發(fā)接口，搭配PC 模擬器 可實現(xiàn)無硬件調(diào)試，降低了嵌入式UI的開發(fā)門檻?；诖耍敬螄L試通過AI將網(wǎng)頁原型轉(zhuǎn)換為可運(yùn)行的AirUI代碼，驗證該方式的可行性與效率。

本次通過真實項目測試AI在嵌入式AirUI開發(fā)中的實際表現(xiàn)，具體核心流程如下： 第一步，借助DeepSeek生成所需的HTML布局文件，搭建基礎(chǔ)UI原型； 第二步，通過Trae軟件調(diào)用合宙luatos- docs -code-101智能體，將生成的HTML布局，直接轉(zhuǎn)換為可運(yùn)行的AirUI項目代碼。

一、為什么選擇AirUI？

AirUI是LuatOS的圖形化開發(fā)核心庫，封裝了常用組件、事件管理、輸入控制及基礎(chǔ)視覺主題，提供Lua開發(fā)接口，可在支持LuatOS的硬件設(shè)備及PC模擬器上運(yùn)行。 AirUI與傳統(tǒng)嵌入式UI方案相比，核心特點如下：

AirUI 是面向嵌入式場景的輕量 UI 開發(fā)框架，核心優(yōu)勢與開發(fā)者價值可總結(jié)為：

1. 組件豐富：提供開箱即用的控件，無需開發(fā)者從零繪制；
2. 集成 hzfont 矢量字庫：省去外掛字庫芯片，有效降低產(chǎn)品 BOM 成本；
3. 基于 Lua 腳本開發(fā)：上手門檻低，讓嵌入式 UI 開發(fā)不再依賴底層專家；
4. 支持 PC 模擬器即時交互：無需硬件即可迭代 UI，大幅提升調(diào)試效率。

適用場景： 工業(yè)HMI面板、智能家居控制屏、環(huán)境監(jiān)測儀表、物聯(lián)網(wǎng)設(shè)備本地交互界面等。無論你的產(chǎn)品需要LCD顯示+觸摸交互，還是需要與4G/Wi-Fi數(shù)據(jù)采集結(jié)合，AirUI都能快速搭建原型并量產(chǎn)。

二、準(zhǔn)備工作：環(huán)境搭建與工具配置

完成開發(fā)環(huán)境的搭建，讓后續(xù)AI生成代碼的過程更加順暢。

2.1 創(chuàng)建空項目文件夾

新建一個文件夾，我這里命名為airui（名稱可自定義）。

2.2 下載并配置Trae軟件

下載Trae軟件（www.trae.cn）；

打開Trae，將airui文件夾作為項目打開；

切換為Solo模式（單人開發(fā)模式）：

2.3 安裝luatos-docs-code智能體

參考合宙官方教程安裝智能體、規(guī)則和技能，這是后續(xù)AI能夠正確生成LuatOS項目代碼的基礎(chǔ)。

**智能體詳細(xì)教程參見：**https://docs.openluat.com/ai/trae%2Bluatos-docs-code/manage/

▼ 重要提醒（必讀）▼

在正式開始項目開發(fā)之前，有幾個關(guān)鍵點需要特別注意：

**驗證安裝：**當(dāng)配置好智能體、規(guī)則和技能后，務(wù)必參考驗證文檔（luatos-docs-code創(chuàng)建成功、規(guī)則和技能創(chuàng)建成功）確認(rèn)配置正確。

**模型選擇：**Trae內(nèi)置的免費(fèi)大模型經(jīng)常需要排隊，性能也不穩(wěn)定。推薦訂閱收費(fèi)大模型（約40元/月），能大幅提升體驗。如果不想付費(fèi)，可在非工作時間使用免費(fèi)模型，勉強(qiáng)夠用。

**模型對比：**實測MiniMax和GLM效果較好，建議根據(jù)實際情況選擇。

三、從HTML到AirUI：生成項目代碼

核心環(huán)節(jié)分為兩個部分，下面是具體的操作指令和生成結(jié)果。

3.1 通過DeepSeek生成HTML示例

3.1.1輸入需求：

打開DeepSeek網(wǎng)頁版，輸入以下需求。

幫我生成一個 html，用于嵌入式設(shè)備UI演示；窗口橫屏，分辨率w=480, h=320；包含開機(jī)窗口顯示1.5 秒、待機(jī)窗口和主菜單窗口可以切換。

3.1.2 DeepSeek生成文件： DeepSeek生成了包含開機(jī)窗口、待機(jī)窗口、主菜單窗口的HTML文件。

- 開機(jī)窗口 -

- 待機(jī)窗口 -

- 主菜單窗口 -

3.1.13 保存到本地

將生成的HTML保存到本地，我這里放在：

C:\Users\luat\Downloads\deepseek_html_20260327_d5969e.html

3.2 通過Trae調(diào)用智能體生成項目代碼

3.2.1 輸入指令：

在Trae中打開airui空文件夾，輸入以下指令。

/plan

參考以下需求，先幫我制定plan，僅輸出plan文件并保存，創(chuàng)建一個以項目命名+時間的空文件夾生成的項目文件放里面。制定plan時，除了輸出你規(guī)劃中的plan文件內(nèi)容，還要輸出項目功能需求和業(yè)務(wù)邏輯分析，項目總體設(shè)計，項目詳細(xì)設(shè)計這幾部分的內(nèi)容。

幫我生成一個LuatOS項目代碼，功能需求如下：

1、硬件模組：Air8000A

2、軟件功能需求：

參考C:\Users\luat\Downloads\deepseek_html_20260327_d5969e.html的頁面布局

嚴(yán)格遵守AirUI文檔接口和參數(shù)進(jìn)行窗口UI設(shè)計，使用exwin進(jìn)行管理，通過消息機(jī)制來打開窗口，不使用接口直接調(diào)用窗口。

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

使用airui的方式初始化顯示、觸摸和字體。

3、按照plan創(chuàng)建完整的項目代碼

3.2.2 按項目文件plan生成代碼

AI首先輸出了一個plan文件，包含功能需求分析、業(yè)務(wù)邏輯、總體設(shè)計、詳細(xì)設(shè)計等內(nèi)容。確認(rèn)plan后，讓Trae繼續(xù)生成完整的項目代碼。

3.3 得到項目代碼

四、模擬器運(yùn)行與項目優(yōu)化

下面按時間順序記錄我遇到的問題及解決方法。

4.1 第一次運(yùn)行報錯

使用PC模擬器運(yùn)行代碼，出現(xiàn)錯誤：

4.2 讓AI解決錯誤

錯誤原因在于exwin未被正確加載，讓AI分析錯誤并修改代碼，但問題仍然存在。

4.3 關(guān)鍵問題：exwin需要require

告知AI，exwin為擴(kuò)展庫，沒有內(nèi)置到LuatOS內(nèi)核固件中，使用時需要exwin = require("exwin ")加載后才能正常調(diào)用exwin的功能。（注：目前最新的合宙智能體已更新此技能。）

4.4 修改后繼續(xù)報錯

告知AI全局使用不能使用local exwin = require “exwin” ，需要使用exwin = require “exwin”。（注：目前最新的合宙智能體已更新此技能。）

4.5 模擬器運(yùn)行無畫面

代碼不報錯了，但模擬器上什么也沒有顯示。

告知AI現(xiàn)在代碼邏輯require “l(fā)cd_drv” 和require “tp_drv” 并不會運(yùn)行這兩個文件內(nèi)的函數(shù)，同時修改了demo，簡化了顯示和觸摸初始化代碼，加載即可完成初始化，自動判斷在模擬器上運(yùn)行還是真機(jī)上運(yùn)行。

AI正確找到了問題所在并進(jìn)行了修改：

4.6 畫面不夠美觀

這次修改后，畫面終于出現(xiàn)了！但布局混亂不好看。

4.7 讓AI優(yōu)化排版

讓AI繼續(xù)調(diào)整字體大小、控件間距、對齊方式、顏色搭配等，效果逐步改善。

4.8 最后再讓AI檢查代碼

AI確認(rèn)了win_id僅在運(yùn)行期間有效，對實際功能無影響，代碼可以正常使用。

五、效果對比與總結(jié)

此時生成的界面與原始HTML在布局上基本一致，細(xì)節(jié)還需手動調(diào)整一下。

實測小結(jié)：

通過這次實踐，我們看到AirUI開發(fā)已經(jīng)能夠通過AI輔助完成從網(wǎng)頁設(shè)計到嵌入式UI代碼的轉(zhuǎn)換任務(wù)。雖然還不能做到“一鍵完美生成”，但配合正確的工具鏈和細(xì)節(jié)調(diào)試，效率提升是實打?qū)嵉摹?/p>

AirUI開發(fā)建議：

1. 1、善用AI生成初始框架，人工專注細(xì)節(jié)調(diào)優(yōu)；
2. 2、遇到問題時，準(zhǔn)確描述現(xiàn)象并引導(dǎo)AI分析原因；
3. 3、獲取AirUI最新API文檔：https://docs.openluat.com/osapi/

AirUI接口規(guī)范、文檔清晰，為AI理解業(yè)務(wù)意圖提供了良好基礎(chǔ)，也讓更多嵌入式開發(fā)者看到嵌入式UI高效開發(fā)的可能性。