【Day 6】你的網頁瀏覽器寵物？我的網頁瀏覽器寵物～

▲ 圖 0：呵呵呵~我也有我的小寵物~midjourney示意圖

▲ 圖 1：這可惡的 Google 網頁擴充插件上架上限⋯⋯

話說最近發現一個很糟糕的事情，
就是 Google 網頁擴充插件的上架數量被限制了！
我這種沒什麼人氣的小開發者，
不能再分享更多自己做的東西給大家了🥲。

好吧那麼我們換個思路！
以後 Google 擴充插件就你們自己各自做！
也不一定要用網絡上面的對吧！！！
（這是在帶壞消費者嗎？）

但實際上其實也是如此，自己起初製作 Google 擴充插件的方法也不是因為自己懂得如何編寫程式代碼，也只是 vibe coding 的產物，自己上載到自己的 Google 瀏覽器能夠自己使用之後，就覺得，要不然就上架看看讓大家使用！順帶當是自己的個人專案吧～

不過話又説回來之前可是有做過⋯⋯

▲ 圖 2：Google 網頁擴充插件的使用人數，我就是菜~

• 🐾 GITCH PET：透過網頁視覺化虛擬寵物遊戲化 AI 瀏覽體驗，根據使用者的 AI 活躍度自動調整能量與情緒，並提供自訂 AI 捷徑與數位陪伴。
  🔗 連結：https://lnkd.in/efCbaikh
• 🎨 亞文化靈感導航器：隨機探索未知的文化知識，從結構化資料庫抽取亞文化項目，提供維基百科深度閱讀與 AIGC 創作美學特徵提示詞（Prompts）。
  🔗 連結：https://lnkd.in/gRU3t28D
• 🤖 小白小黑 AI Agent：披著病嬌/毒舌二次元外衣的強大生產力工具，兼具情緒價值與美學體驗的專屬研究小秘書。
  🔗 連結：https://lnkd.in/dGKE6Fbk
• ✨ 千禧迷音：融合 Hyperpop 與 Dreamcore 2D 像素風的城市漫遊遊戲，陪伴主角在千禧幻城中漫步、與人交流，解鎖實用的 AIGC 秘笈與工具。
  🔗 連結：https://lnkd.in/gJCjGCcE

Vibe Coding 的重要邏輯：自然語言推斷結構

而這些擴充插件的建構方法自己也是用到了，Google Antigravity 來 vibe coding，重點並不多，只是要求製作一個「Google chrome的網頁插件」。AI vibe coding 的工具便會自動把你的意思理解成要建立哪一些網頁插件必須要有的資料夾以及檔案。

這就是所謂 vibe coding 的重要邏輯，你並不需要列明 AI 需要建構怎樣的資料夾及檔案，AI 便能夠從你的語言當中推斷你需要如何運用編程的邏輯幫你建構你想要的事物。

所以這次的 vibe coding 提示詞非常簡單，就「Google chrome的網頁插件」！

▲ 圖 3：Antigravity 的畫面！另外是有指定放在什麼資料夾中

細緻描寫提示詞：打造可愛桌面小寵物

當然你也可以細緻快一點說例如在 Google 的瀏覽器頁面當中有一個可以拉動移動的浮動窗口，然後有一個電子寵物的可愛模樣在上面，必須要超級可愛！極度可愛！（這是什麼奇怪想法🫠）然後點擊它的時候會有心心反應，拉動的時候會有慌張的表情。

我們來看一看這樣子描寫的話會有什麼結果吧～

▲ 圖 4：擴充插件導入的頁面

當然輕微的跟大家說一說上面的圖片就是導入擴充插件的位置，最後「載入未封裝的項目」選擇剛剛 vibe coding 出程式代碼所承載的資料夾，就會出現了一隻如同 Codex 的桌面小寵物一樣的 Google 瀏覽器小寵物啦！

▲ 圖 5：最後這是製作出來的 Google 瀏覽器小寵物

科技管理思考：使用者黏著度與擴散策略

當然根據自己的經驗，自己還會把很多功能還有理念灌輸在這個瀏覽器小寵物裏面，讓他兼備情感陪伴的同時具備一定的功能性！這個好像跟上次的 AI 虛擬夥伴理念差不多⋯⋯

好吧不過我還是挺看好這個東西的～因為大家能夠客制化自己桌面寵物的反應與模樣。甚至我們從科技管理的角度會認為現在的話使用 Google 瀏覽器的人數依然比使用 Codex 的人數高（當然先撇除 Mac 機的使用者），而且幾乎大家每天都會使用到網頁的瀏覽器，Google 瀏覽器本身就已經是一個用戶黏着度非常高的瀏覽器，在這種情況下無論是自己設計出自己的網頁插件，還是把自己的網頁插件分享出去讓別人使用，相信使用率及泛用性比起我們可能最新看見的 codex 的桌面小寵物還要高。

當然啦～因為上架自己的網頁插件是需要先付一次錢的，而且現在上架的上限也只有五個，所以策略就會變成鼓勵說大家把自己的資料夾分享給不同人單獨導入在各自電腦裏面作使用（當然並不建議製造電腦病毒並惡意分享🫠，並且真的要小心來路不明的資料夾）。

📌 本篇重點整理