在快節奏生活中,情緒記錄往往難以堅持。《喵語日誌》是結合 Google AI 與 Vibe Coding 開發的輕量陪伴平台。
本專案以「貓咪視角」為核心,運用 Gemini API 的多模態辨識與角色扮演能力,將使用者上傳的照片與隨記轉化為溫暖回饋與情緒標籤,並透過 Firebase 整合為情緒月曆與遊戲化成就卡片。
30 天鐵人賽中,我將記錄如何運用 Vibe Coding 進行人機協作,從 Prompt 調校、前端 UI 快速迭代到 Gemini API 與 Firebase 串接,展現 AI 時代的高效開發實踐!
為什麼要做《喵語日誌》? 這不只是一本日記,而是一個會回應你的 AI 夥伴 現代生活節奏快,大家幾乎都習慣了用限時動態分享一瞬間的生活,但真正認真去記錄自己的情...
從想法到藍圖,把點子變成系統架構 在 Day 01 中,我們聊到了為什麼想做《喵語日誌》,並透過心智圖確立了產品的 3 大亮點與痛點解法。然而,要將一個充滿療癒...
AI 的靈魂來自於精準的 Prompt 昨天我們已经把《喵語日誌》的後端架構搭好了,今天終於要來處理最有趣的部分—— AI 運算層!你可能會發現,如果直接拿一個...
昨天我們已經成功幫《喵語日誌》打造出一隻會撒嬌、會陪聊的貓咪 Persona。 但如果真的要把它放進網頁產品裡,光會講話其實還不夠,因為前端最需要的,往往不是一...
從「口頭交代」到「系統級硬約束」 昨天我們透過 Prompt 強制要求 AI 輸出 JSON,讓它能把照片和文字整理成前端能直接使用的結構化資料。但如果真的要在...
從 AI Studio 走向前端工程 前幾天我們都在 Google AI Studio 裡測試《喵語日誌》的功能:先設定貓咪 Persona,再加入多模態分析,...
從 AI 概念驗證走向產品雛形 不知不覺,已經來到第一週的最後一天了! 回顧這 6 天,我們從最初的貓咪 Persona 設計開始,一路完成了多模態圖片分析、J...
進入 Vibe Coding 開發模式 歡迎來到第二週! 第一週我們完成了《喵語日誌》的 AI 基礎建設,包含貓咪 Persona、情緒分析、JSON Sche...
從「能用」走向「療癒」 昨天我們透過 Vibe Coding,成功產生了《喵語日誌》的對話視窗元件。 目前的畫面已經可以輸入文字、顯示對話,也有基本的情緒選擇按...
從文字陪伴走向「視覺陪伴」 在前幾篇文章中,我們完成了《喵語日誌》的文字對話、情緒分析和溫暖 UI。 不過,在真實的生活紀錄裡,一張照片往往比一大段文字更能傳達...