[ RETURN_TO_INTEL_HUB // 返回情報專欄 ]
🛠️ STEAM教育素養✍️ 原創專欄
2026/09/16 下午01:52陳鴻杰(白櫻蒼成)

【創客紀實】到底是誰在用我的 Chrome 插件?驚見陌生用戶的那一刻 🤯:五款輕量化 AI 實驗性工具的微型創新旅程

// INTEL_SUMMARY // 情報摘要:

當自己透過 Vibe Coding 開發的 Chrome 擴充套件在後台驚見「陌生用戶」下載時,那份激動與不可置信的心情難以言喻!本文完整盤點克里艾提夫研究所陸續上架的 5 款輕量化 AI 實驗性工具——從遊戲化 AI 寵物 GITCH PET、亞文化美學提示詞導航器、二次元毒舌秘書小白小黑,到千禧像素漫遊遊戲與串接 ESP32 實體硬體的 GEN Genie。深度探討如何將人文敘事、二次元情感陪伴與輕量化 LLM 深度融合,展現「AI 學習體驗設計 (LXD)」的無限可能。

Chrome 擴充套件開發者儀表板:驚見陌生用戶數據

▲ [ DEV_DASHBOARD // Chrome Web Store 開發者控制台:真實活躍用戶數據躍升紀錄 ]

🤯 當自己在電腦前透過 Vibe Coding 敲敲打打寫出來的 Google Chrome 擴充套件,某天打開後台儀表板,赫然看見被完全不認識的「陌生用戶」下載並日常使用時——那種既激動又忍不住懷疑人生的衝擊感,真的是:「到底是誰在用啦!(;´༎ຶД༎ຶ`) 原來這世界上真的會有人用我的東西嗎?!」

⚡ 1. 心態轉折:從解決個人痛點到微型創新實踐

回想這趟開發旅程,最一開始的動機其實很單純:只是想動手解決自己在日常研究、學習與創作過程中的切身痛點。

但在生成式 AI(Vibe Coding)的賦能下,原型的開發週期被壓縮到了極致。原本可能要在硬體、軟體與前端之間卡關數週的流程,現在能在幾天內快速打磨成型並正式送審。不知不覺間,我已經在 Chrome 線上應用程式商店陸續上架了多款輕量化 AI 插件。

💡 這幾款小工具不僅僅是軟體專案,更是我這陣子在「AI 學習體驗設計(Learning Experience Design, LXD)」上的一系列微型實驗成果!

🧩 2. 核心矩陣:五款輕量化 AI 實驗工具大解密

每一款工具都代表著一個特定的跨領域嘗試——有的是遊戲化情緒陪伴,有的是小眾美學知識庫,甚至還有直通物理硬體的賽博連結:

🐾

01 // GITCH PET:遊戲化 AI 瀏覽伴侶

GAMIFIED_COMPANION

透過常駐在瀏覽器視窗右下角的視覺化虛擬寵物,將日常枯燥的 AI 搜尋與瀏覽體驗徹底遊戲化!寵物會依據你在網頁上的 AI 調用活躍度,自動演算能量值並產生動態情緒反饋;同時內建快捷自訂的 AI Prompts 捷徑,為你提供溫暖又實用的數位陪伴。

🔑 核心技術:DOM 活躍度感知狀態機 ✕ 自訂捷徑注入 🔗 安裝體驗 ➔
🎨

02 // 亞文化靈感導航器:冷門美學與提示詞寶庫

SUBCULTURE_NAVIGATOR

為創作者而生的靈感引擎!從龐大的結構化資料庫中隨機抽取鮮為人知的亞文化主題(如蒸氣龐克、賽博神道教、酸性設計、Y2K 等),即時提供對應的維基百科深度閱讀條目,更自動提煉出該風格專屬的 AIGC 圖像生成美學特徵提示詞(Prompts)。

🔑 核心技術:結構化美學知識圖譜 ✕ 即時維基聯動 ✕ Prompt 萃取 🔗 安裝體驗 ➔
🤖

03 // 小白小黑 AI Agent:情緒價值 ✕ 研究秘書

PERSONA_PRODUCTIVITY

打破傳統 AI 工具死板公事公辦的冷漠印象!這款擴充功能披著「病嬌」與「毒舌」二次元角色的強烈性格外衣,骨子裡卻是極為強悍的高效生產力助手。在陪伴你進行文獻研讀、論文整理與代碼編寫的同時,給予滿滿的情緒反饋與反差萌美學體驗。

🔑 核心技術:二次元方法演技人格調校 ✕ 內容摘要推理管線 🔗 安裝體驗 ➔
✨

04 // 千禧迷音:Hyperpop ✕ 像素漫遊遊戲

PIXEL_EXPLORATION

在瀏覽器彈窗中打開一座賽博千禧世界!融合 Hyperpop 狂想與 Dreamcore 夢核風格的 2D 像素漫遊冒險,玩家陪伴主角漫步在閃爍霓虹的千禧幻城街頭,在與各色 NPC 互動對話的過程中,逐步解鎖藏在城市角落裡的實用 AIGC 創作秘笈與神器。

🔑 核心技術:Canvas 2D 輕量遊戲引擎 ✕ 互動敘事彩蛋系統 🔗 安裝體驗 ➔
🔑

05 // GEN Genie:ESP32 實體硬體物理雙向連動

HARDWARE_INTEGRATION

突破瀏覽器沙盒的物理邊界!透過現代瀏覽器的 Web Serial API,直接與桌面上擺放的 ESP32 實體電子寵物硬體(NieNie)進行雙向串口通訊。擴充套件在後台動態監測使用者的 AI 工具呼叫與搜尋結果,並即時將這些瀏覽數據轉換為物理硬體世界的「數據糧食」,驅動實體螢幕上的生動反應!

🔑 核心技術:Web Serial API 串口協議 ✕ ESP32-S3 雙向遙測 ✕ 數據糧食轉化 🔗 安裝體驗 ➔

🔍 3. 開發手記:為什麼我們需要「微型 AI 學習體驗」?

回頭看這段密集的開發過程,我逐漸意識到,寫程式對我來說已經遠遠不只是「快速 Vibe Coding 出一個能跑的 MVP」那麼簡單。

它更像是一種將「人文敘事」、「視覺美學風格」與「人機互動(HCI)」緊密交織的實踐儀式。當前科技圈往往傾向於投入海量算力追求龐大繁複、無所不能的超級系統;但在日常生活中,我們往往更能被那些輕巧、專注且富有靈魂的「微工具」打動:

🌿 輕量化 LLM 應用 (Lightweight AI)

不靠堆砌巨型模型,而是將模型能力精準限制在特定場景中(如特定的美學提示詞萃取、性格化反饋、數據行為轉換),讓小模型發揮出極高性價比與即時響應。

🎨 AI 學習體驗設計 (Learning Experience Design)

工具不只是冷冰冰的功能按鈕,更是承載使用者學習歷程的夥伴。融入二次元性格、動態像素遊戲或實體硬體反饋,讓科技使用過程具備深刻的記憶點與儀式感。

💡 核心設計思辨:把腦海中的奇思異想,轉化為世界另一端某個人的日常工具

很多創作者常有冒牌者症候群(Impostor Syndrome),總覺得自己隨手寫的小輪子「肯定沒人會用」。但當你真正將它上架到全球商店,看見終端用戶數從 0 跳到 1、從 1 跳到幾十時,那份連結感超越了任何商業數字——這意味著你在深夜的一點靈光閃現,正真實替地球某個角落的某個人帶來了一點點陪伴或效率。

➔ 創客的終極快樂,莫過於此。

🌟 結語:繼續探索跨媒介與微型創新的可能

能把腦中的奇思異想變成其他人真的能用的工具,這種感覺真的很棒。未來我也會繼續沿著這個方向,持續探索更豐富的跨媒介實踐、硬體聯動與有趣的人機共生玩法!

👇 共同交流:你最近也動手做了什麼有趣的小工具嗎?

不管是解決日常微小痛點的瀏覽器外掛、個人小腳本,還是天馬行空的 AI 實驗性專案,
歡迎在下方留言分享,一起在人機共創的世界裡交流切磋!

#AI #ChromeExtension #SideProject #VibeCoding #LLM #EdTech #Productivity #克里艾提夫研究所

TAGS:#ChromeExtension#VibeCoding#AI學習體驗設計#SideProject#WebSerialAPI#ESP32#GitchPet#亞文化靈感導航器#小白小黑#千禧迷音#GENGenie#STEAM教育素養#創客紀實#克里艾提夫研究所
RELATED_INTEL // 延伸前沿情報閱讀[ 檢視所有專欄 ➔ ]

[ COMMENT_TERMINAL // 思辨與交流區 ]

歡迎針對本文發表您的觀點、實踐心得或技術疑問

共 0 則思辨留言
TRANSMIT_OPINION // 發表您的見解
0/2000 字 ‧ 遵守理性思辨交流規範
FETCHING_COMMENTS // 讀取思辨對話流...