Vibe Coding： 嵌入式系統GUI開發案例
緣由： 在嵌入式系統或應用程式，開發 GUI 圖形人機介面是一件費時費工的過程，比如說：調配元件的顏色或元件擺放的位置 … 等工作。現在用 AI 協助我們做 GUI 的開發， AI 搭建一個 UI 的軟體架構後，後續再由我們做細部的開發，這過程非常顯著地縮短了開發時程，參考 YT 影片連結 https://youtu.be/47qwL7LXJQ0 。 初步構想： 1. 用 Gemini 將 GUI 圖形設計出來，僅僅生成圖片。 2. 用 Cursor 開發套件，將圖片載入後，讓 AI 開發程式碼。 3. 我們手動編譯上面的程式碼，有問題再讓 AI 除錯或調整。 操作步驟： 在 Gemini 對話，給底下的提示詞 “ 根據 LVGL 8.4 版本， LCD 屏幕 800 x 480 ，重新設計一個人機的新畫面 : 有三個按鈕 ( 停止 , 暫停 , 運行 ) ，上面有機台名稱，速度，量產數量的顯示 ( 以英文字為主 ) ，先給我看圖片 ” ，生成圖片如下，如果不滿意內容，繼續讓 Gemini 調整直到滿意為止。 接下來，在 Cursor 開發環境，先給它工作區，目錄裡面有參考程式碼，然後給底下的提示詞： “ 根據 LVGL 8.4 library ，參考上傳的圖片設計出 UI 介面， UI 程式設計在 lvgl_layout.cpp 檔案裡。 ” 最後一步，上面生成的程式碼，我們再放到 Arduino IDE 去編譯，如果有編譯錯誤，再跟 AI 回報， AI 會根據問題修改。由於我們只讓 AI 設計 GUI 畫面，這項工作範圍不會影響到其他檔案的功能。 結論： 上述這個 AI 開發案例適用於對嵌入式系統開發已經有經驗的工程師，如果是初學者要走這樣的流程可能會遇上不少難點。面對現階段各式各樣的 AI IDE 工具，資深工程師能利用它們來協助設計開發程式碼，以便大大縮短開發的時程。