歡迎來到這個為期 30 天的「Vibe Mode」開發挑戰！!!

如果你最近關注技術圈，一定聽過 Andrej Karpathy 提出的 Vibe Coding。簡單來說，這是一種新型態的開發模式：工程師不再需要把 80% 的時間花在查文件、寫重複的 boilerplate code，而是透過自然語言與 AI 協同，將專案從「想法」快速推進到「上線」。

在這趟旅程中，我們不是要被 AI 取代，而是要升級成帶領 AI 軍團的「產品總架構師」。你負責控制專案的方向、驗證邊界與商業邏輯；AI 則擔任你手下最神速的打字員與封裝員。

貫穿 30 天的專案藍圖：VibeFinance

為了避免空談理論，接下來的 30 天，我們將從零建立一個真實且可運行的微型 SaaS：VibeFinance — AI 驅動的個人智慧記帳與財務分析器。

核心功能亮點

• 自然語言記帳：直接輸入「今天中午在鼎泰豐吃了 850 元」，AI 自動解析金額、類別與商家。
• 智慧財務報告：LLM 根據當月消費數據生成動態財務建議與預算預警。
• 視覺化圖表：互動式消費趨勢與比例分析。

技術棧（Tech Stack）選型

🤖 Human vs. AI 實戰示範：第一個 Prompt 的碰撞

Vibe Coding 的精髓不在於「AI 給什麼你就收什麼」，而在於人類工程師的批判性思考與引導（Debounce）。以下是我們在 Day 1 進行產品需求分析時的真實記錄：

1. 我給 AI 的 Prompt

「我想做一個名為 VibeFinance 的 AI 記帳 App。請以資深產品經理與架構師的角度，幫我列出 MVP 核心功能，並分析適合的技術棧與資料庫 Schema 架構。」

2. AI 產出的結果（節錄）

AI 給出了一套極度龐大且複雜的設計：

• 採用 複式簿記（Double-Entry Bookkeeping） 系統。
• 支持 多幣別即時匯率換算 與 GraphQL API。
• 建議使用 Microservices 架構，並設置 Redis 做快取。

3. 人類工程師的修正與判斷（Debug & Judgment Process）

• 工程師思考：AI 的提案雖然專業，但對於 30 天 MVP 來說太過過度設計（Over-engineering）。
• 複式簿記會大幅增加前端表單與後端 Validation 的複雜度；微服務與 GraphQL 也會拉長基礎設施的建置時間。
• 給 AI 的反覆引導：

  「這套架構太複雜了。我們只有 30 天，目標是快速上線 MVP。請幫我縮減功能：

  1. 將資料庫改為簡單的單式記帳（Transactions 表）。
  2. 捨棄 GraphQL 與微服務，改用 Next.js App Router 的 Server Actions 與 Monorepo。
  3. 優先專注於『自然語言解析記帳』這個核心痛點。」

30 天修練地圖：我們的航海路線

1. 觀念建立與環境整備（Day 1 - Day 5）：打造 AI 驅動的 IDE、Prompt 工程、需求拆解與 .cursorrules 建立。
2. 後端架構與資料層建立（Day 6 - Day 11）：ERD 設計、Prisma Schema、RESTful API、Auth0/Supabase Auth 整合與單元測試。
3. 前端開發與 UI/UX 實作（Day 12 - Day 18）：Tailwind + shadcn/ui 快打旋風、表單驗證、Recharts 圖表與 Playwright E2E 測試。
4. 進階功能與 AI 功能整合（Day 19 - Day 23）：Resend/Stripe 串接、LLM API Streaming 實作、Web Vitals 效能優化與 Security Audit。
5. CI/CD、部署與維運落地（Day 24 - Day 30）：Docker 容器化、GitHub Actions、Vercel 部署、Sentry 監控、技術債重構與 Landing Page。

💡 今日結語

Vibe Coding 絕不是「無腦複製貼上」，而是「高效率的決策、審查與引導」。AI 是強大的引擎，但方向盤始終握在我們手裡。

明天，我們將進一步搭建我們的「鋼鐵人裝甲」——打造一個真正被 AI 驅動的開發環境！