用自己的 GPU,讓 OpenCode 寫出一台網頁鋼琴
把 Armor EdgeAI 的本機 API 接進 OpenCode,先規劃、再建置。Qwen 3.8 27B 跑了約一個半小時的 agent 任務,產出一個可以彈、可以錄、可以存成 MIDI 的單檔網頁。
本案例以 Armor EdgeAI 0.63.5 實測;較新版本的畫面與選單位置可能略有不同。
這個案例在做什麼
Armor EdgeAI 在授權機型上直接調用 GPU 算力,把本機資源變成開源大型語言模型的推論能力。透過內建的 OpenAI 相容 API,再接上 OpenCode 這類 AI Agent,就能執行長時間的多步驟任務:整理資料夾與檔案、建立文件、分析資料,甚至撰寫程式。
以下以 ROG Zephyrus G16 為例,記錄從設定到成品的完整過程 —— 包括做得好的地方,和還不夠好的地方。
先在 App 裡確認模型能力
啟動 Armor EdgeAI,在「AI 對話」選擇 Qwen 3.8 27B Vision,先問它:能不能寫一個 Web Piano 的 HTML?回答中規中矩 —— 肯定做得到,還主動給了一段建議的提示詞。
一個誠實的觀察:追問它自己的版本與參數量時,模型答不出來,只說自己是通義千問。這是模型本身的自我認知限制,不影響後面的任務。
取得 API 連線資訊
維持對話模型不變,進入左側選單「進階 → API 配置」。若 OpenCode 與 Armor EdgeAI 在同一台電腦,下面三項資訊就足以接上本機 GPU 算力。
若要讓區域網路中其他裝置使用這台機器的算力,需在「設定 → 與 AI 對話」開啟「區域網路存取」,完成後系統會要求重新啟動。
在 OpenCode 建立自訂提供者
在 OpenCode 依序進入「檔案 → 設定 → 提供者」,選擇「自訂提供者」。把上一步 API 頁的資訊逐項填入,按下「提交」就完成基本設定。
開新工作區,先 Plan 再 Build
開一個新的工作階段。畫面上的幾個控制項各司其職(見下方標注);依實際經驗,建議先讓 AI Agent 用 Plan 模式規劃,確認方向後再切到 Build,可以減少反覆重做所浪費的時間與算力。
接著送出這段提示詞,說明要建立的功能:
提示詞全文設計一個 Armor-piano.html 的簡易樂團軟體,在中間放置一台鋼琴,包含 4 組逐步升高音階的完整白鍵,以及對應的黑鍵。使用滑鼠點擊時要播放對應的 MIDI 音色,按住期間持續發聲,鬆開即停止。鍵盤的 1234567、QWERTYU、ASDFGHJ、ZXCVBNM 分別對應 4 組逐步升高的 Do、Re、Mi、Fa、So、La、Si。按下琴鍵時要有下壓的視覺效果。左上角加入錄音鍵,可錄下不同琴鍵產生的聲音;另提供播放功能。錄音檔可暫存在與 HTML 相同的資料夾中,並可輸出為 MIDI 檔案紀錄。
- +(分頁列)
- 建立新的工作階段。
- Build ▾
- 切換 Plan 或 Build 模式。
- qwen3.8-27b-vl ▾
- 模型選單。API 由 Armor EdgeAI 提供時,實際切換模型仍要回 App 內操作。
- Web-Piano ▾
- 工作區資料夾,依自己的檔案管理習慣設定。
模型先交規劃,等你確認
因為是用 Plan 模式送出,模型先提出幾個確認問題 —— 音色與錄音方式、輸出格式、存檔機制 —— 回答之後才產生設計計畫,並停下來等待確認。
檢視計畫沒有問題後,把模式切到 Build 並確認執行,Agent 才真正開始寫檔案。
Build:一個半小時的自我驗證
Agent 建好 Armor-piano.html 後,發現環境裡沒有瀏覽器自動化工具,就自己用 Node 寫了驗證腳本,對 MIDI 編碼與 WAV 輸出做邏輯測試,並在過程中修掉幾個真實的 bug:可變長度整數的符號位移、tempo 事件缺了前綴、note-off 的 channel byte 寫錯、滑鼠事件重複綁定導致離鍵卡音。
從送出提示到成品,OpenCode 的計時器顯示約 96 分鐘;期間同時在電腦上做其他工作,實際完成時間僅供參考。
成品
工作區資料夾裡出現一個乾淨的 Armor-piano.html,24 KB。用 Edge 或 Chrome 開啟即可使用 —— 或者直接在下方試玩。
自己試試
兩個成品都是原檔,未做任何修改。點琴鍵或按鍵盤即可演奏。
本機模型經 OpenCode 產出的原檔,未做任何修改;鍵盤配置與音高的瑕疵如「主要不足之處」所列。
先點一下琴鍵,鍵盤才會對準示範;兩版介面皆為繁體中文。 在新分頁開啟
測試摘要
表現較好的部分
- 鋼琴介面的琴鍵渲染相當漂亮。
- 錄音、播放與存檔都能完成;規格要求的 MIDI 與 WAV 輸出也都實現了。
- 整段任務持續約一個半小時,顯示 Armor EdgeAI 的 API 輸出穩定,Qwen 3.8 27B 能撐完較長的 Agent 任務。
主要不足之處
- 鍵盤配置不完全正確,尤其黑鍵的數量與位置有明顯錯誤。
- 音色與音高不完全準確,但 Do 到 Si 七個音仍可清楚區分。
- 黑鍵按下後不會自動回彈;白鍵沒有這個問題。
與雲端模型對照
用相同的提示詞直接在 ChatGPT 5.6 對話模式生成,約 10 分鐘就完成 HTML 檔,成品的細節完成度也略高於本機的 27B 模型。兩個版本都放在上方,可以自己比較。
結論
Armor EdgeAI 可以與不同的 AI Agent 正常整合,並完成多數程式開發任務。若成品仍有小 bug,可以先回到 Plan 模式重新檢查,必要時改用能力更高的雲端 API 修正 —— 在成本、速度與品質之間取得平衡。
若把 AI Agent 完全留在地端執行,就能處理公司內部的敏感資料:彙整銷售紀錄並製表分析、翻譯客戶信件、製作商務簡報。資料不必送到外部雲端,外洩的風險也跟著降低。