[ RETURN_TO_MATRIX // 返回產品矩陣 ]
[ Canva 讀書會專題分享 ]主講人:陳鴻杰(Clive Chan)Vibe Coding ✕ ESP32 開發板

AIGC 虛實應用:開源改造 / 開發板應用

// AIGC Cyber-Physical & Open Source Hardware ‧ 從 Vibe Coding 到 ESP32 電子寵物硬體化的實踐歷程

在這場「AIGC 虛實應用:開源改造/開發板應用」讀書會分享中,陳鴻杰(Clive Chan)結合了自己開發電子寵物的歷程,深入探討如何利用 AI 進行跨媒介整合,並將虛擬的 AIGC 成果落實到實體硬體中,以此突顯個人與作品的獨特性。涵蓋 GenAI ✕ AIGC 的產出價值、Vibe Coding 自然語言開發範式、人機協同六大光譜、以及 ESP32 實體開發板硬體改造與痛點突破實戰。

[ ESSENCE_OUTPUT // GenAI 的本質與產出價值 ]

💡 技術 vs 應用的區別

生成式 AI(GenAI)是底層的演算法與模型架構;而 AIGC 則是應用的產出結果與生產模式(文字、圖像、影音等內容)。

🎯 最高學以致用法 —— Output(產出)

專案式學習 (PBL) 的真諦在於「如何使用 AI 的產出」。專案中「虛擬面比例較低、現實面比例較高」(現場表演、實體裝置、活動落地)才是個人競爭力的來源。

[ CO-PILOT_SPECTRUM // 人機協同六大互動光譜 ]

低度介入[01]

Chatbot 對話流

網頁式自然語言對話與指令互動

低度介入[02]

Canvas 空間畫布

節點圖示與視覺化畫布空間流

低度介入[03]

IDE 人機協同編輯

編輯器中與 AI 結對編程與自動補全

高度自主[04]

Multi-Agent 工廠總監流

多代理人看板自主協同分工串聯

高度自主[05]

CMD/CLI 極客終端

終端命令行無介面全自動化執行

高度自主[06]

Background 隱形支援

背景守護進程,後台無感支援工作流

[ DEV_CHRONICLE // ESP32 電子寵物虛實整合實戰 ]

1. 起點:GlitchPet Chrome 擴充功能

2025 年 10 月,利用 Gemini 與 VS Code,搭配 Midjourney 設計角色,開發出「GlitchPet 瀏覽器外掛」。當使用者瀏覽 AI 工具時,自動為寵物補充能量。

2. 硬體化契機與靈光一閃

在 Soobi 社教導小朋友使用 Meowbit 晶片時啟發:「既然 AI 可以 Vibe Coding,那何不直接把程式碼載入實體硬體中?」

3. ESP32 接口卡關痛點與 AI 破解

因看不懂電路板接口號碼導致螢幕無法顯示,卡關 3-4 小時(佔 50-60% 開發時間)。最終透過下載賣家 GitHub 開源專案讓 AI(如 Antigravity)理解結構,直接修改 .ino 燒錄檔順利突圍!