【創客紀實】從童年的想像到如今的實踐：我的 AI 學習陪伴寵物 Chrome 擴充套件開發手記
從高中時代對電子寵物的憧憬，到 2025 年以 Gemini AI 協作在不到一週內實現「AI 學習陪伴寵物 Chrome 擴充套件」。本文記錄如何將兒時幻想轉化為實體產出，透過網頁 AI 關鍵字識別作為「食物能量」，結合效率捷徑，打造兼具情感陪伴與學習生產力的智慧數位伴侶。
▲ [ PROTOTYPE_LOG // AI 學習陪伴寵物 Chrome 擴充功能 ‧ 概念原型與敏捷開發手記 ]
🌟 時空對話：「如果能讓高中時代的自己看到現在的成果，他應該會露出那種『真的假的？』的驚嘆笑容吧。我想他一定不敢相信，十幾年後，我不僅真的做出了有生命反饋的數位伴侶，更把它打造成跨越軟硬體的賽博物理生命體。這或許就是生成式 AI 與創造力最美好的交會點。」
🐣 從高中時代開始的「電子寵物」執念：未竟之夢的重燃
從高中時期開始，我就對「電子寵物（Digital Pets）」與虛擬生命體充滿了難以言喻的熱愛與執念。在那個智慧型手機與現代大模型尚未普及的年代，我曾嘗試運用初階的語音識別套件與條件判斷腳本，試圖在電腦桌面上打造一款能感知使用者、看似具有獨立靈魂的「假 AI 助理軟體」。
然而，當時受限於極其生硬的規則樹（Rule-based logic）、貧瘠的前端渲染技術與算力門檻，那次嘗試最終停留在一套笨拙的對話彈窗中，未能真正賦予角色靈性。但那份「渴望創造出有呼吸感、有情緒反饋的陪伴載體」的創客火種，卻始終深埋心底。
💡 創造力轉譯心法：很多時候，童年的遺憾並非失敗，而是創作者在等待技術奇點（Singularity）成熟時的靈感蓄水池。
時至 2025 年秋季，隨著生成式 AI（Generative AI）、Google Gemini 多模態模型與現代 Chrome Extension Manifest V3 架構的成熟，我決定重啟這段未竟的旅程——在瀏覽器側欄與桌面邊角，親手鍛造屬於這個時代的 AI 學習陪伴寵物 Chrome 擴充套件。
⚙️ 系統核心機制：陪伴學習 ✕ 正向反饋 ✕ 效率工作流
這款 Chrome 擴充套件絕非單純掛在螢幕角落的靜態貼圖，而是深度嵌入使用者日常工作與學習工作流中的「動態共生系統」。它透過四大核心架構，將枯燥的學習過程重構為趣味盎然的養成遊戲：
🍜 AI 知識糧食自動感知
外掛背景進程（Background Service Worker）能主動感知使用者造訪的網頁內容。當使用者停留於 ChatGPT、Gemini、Claude、arXiv 論文或 AI 技術文檔時，停留時間會自動轉換為「數據糧食」，餵養小精靈並提升能量值！
🥹 情感狀態機與擬真反饋
內建 3 階段能量狀態機（飽足活潑 ➔ 平穩待機 ➔ 飢餓哭泣）。若使用者長時間未進行學習或吸收新知，小精靈會因「肚子餓」而流露出委屈哭泣的動態表情；一旦餵食數據，立刻切換為心形瞳孔的快樂撒嬌動畫。
🚀 AI 生產力一鍵快捷面板
插件右下角整合快捷 HUD 懸浮工具列，預設支援 ChatGPT、Gemini、Claude、Midjourney 與常用 Prompt 模板庫一鍵呼叫，將情感陪伴與生產力工具流完美融為一體。
🔒 100% 離線隱私與狀態持久化
採用 Chrome `chrome.storage.local` 進行本地非同步儲存，使用者的瀏覽紀錄與寵物成長數據 100% 留存在本地端，零伺服器外洩風險，兼顧極致輕量與資安隱私。
🤖 開發心路：與 Gemini 協作 Vibe Coding，一週內將幻想化為現實
這個專案從一個普通週五下午的靈光一閃，到完成具備完整動畫、能量換算與快捷選單的第一版原型，前後只花了不到一週的時間。這在傳統軟體開發模式下幾乎不可想像，而其核心催化劑正是 Vibe Coding ✕ AI 協同開發範式：
[ VIBE_CODING // 人機協同敏捷管線 ]
2. 程式碼生成與探討 ➔ 快速產出 Background 監聽、Content Script 插入與 Popup 渲染代碼
3. 人類架構審查與精修 ➔ 理解每行非同步通訊邏輯，手動優化 DOM 更新頻率與防抖機制
4. VS Code 即時熱重載測試 ➔ 搭配 Chrome Developer Mode 進行多頁面壓力測試
在整個過程中，AI 扮演了「極速編程副駕駛與邏輯推演者」，而我則聚焦於「產品靈魂塑造、情感共鳴點打磨與系統邊界把控」。這種高度協同的工作流，正是文科背景創作者在 AI 時代打破技術壁壘的關鍵武器。
🌌 虛實共生的昇華：從 Chrome 外掛 GlitchPet 到 ESP32-S3 實體伴侶 NieNie
當 Chrome 擴充套件穩定運行後，一個更深層的問題浮現心頭：「如果 AI 伴侶只能生活在螢幕裡的瀏覽器標籤頁，關掉電腦後，那份陪伴感是否就隨之消散？」
為了打破螢幕的冰冷邊界，我將這個專案進一步升級跨入開源硬體領域，正式催生出研究所旗艦項目——GEN Genie（ESP32-S3 賽博物理共生伴侶 NieNie）：
🔊 Babble Tones 滑音萌語
捨棄刺耳蜂鳴器，以 I2S 數位 DAC 演算法實時合成 80ms 滑音高頻正弦波，完美模擬動物森友會風格語音。
🔤 24x24 點陣繁中演算法
獨創 bbox 起點偏量修正演算法，徹底解決 ESP32 TFT 螢幕中文字體底部筆畫截斷與重疊痛點。
🎨 ComfyUI 靈魂畫室
硬體螢幕隨機抽樣 50x50 像素草圖，透過多模態 LLM 分析後，一鍵直連雲端 ComfyUI 升華為高清藝術品。
🧠 48 題 AI 素養是非題庫
將防禦性 AI 倫理、幻覺防範與資安素養轉化為餵食問答，答對回復 10% 能量，寓教於樂。
💡 結語：創造力人格化，建構健康溫暖的人機協作邊界
從高中時代青澀的「假 AI 助理」，到 Chrome 擴充套件中的「AI 學習伴侶」，再到如今桌面上可觸碰、有聲音、會作畫的「ESP32 實體伴侶 NieNie」，這段探索歷程深刻印證了克里艾提夫研究所的三大核心信條：
- 創造力人格化：賦予 AI 角色獨立性格與靈魂，讓科技不再是冷冰冰的代碼，而是具備情感溫度的共創夥伴。
- 文理跨域共生：文學感性與哲學敘事 ✕ 科技管理與開源工程架構，打破學科藩籬，實現全鏈路人機協同。
- 倫理素養優先：在陪伴中注入安全邊界與防禦性素養，引導下一代成為負責任的 AI 公民。
願每一位創作者都能在生成式 AI 的浪潮中，拾起童年未竟的夢想，用代碼與溫度，鍛造出屬於自己的奇蹟。
TAGS: #AI協作開發 #Gemini #ChromeWebStore #ManifestV3 #AIGC #SideProject #數位寵物 #電子寵物 #NieNie #GENGenie #ESP32S3 #克里艾提夫研究所 #白櫻蒼成