用 Vibe Coding 三小時做出一個刷題學習網站

什麼是 Vibe Coding

Vibe Coding 是我對 AI 協作開發工作流的稱呼。核心概念：你負責定義需求與架構判斷，AI 負責程式碼生成與迭代。

三小時建站的完整流程

Hour 1：需求定義 & 架構決策

我用 20 分鐘寫了一份需求說明。

Hour 2：生成 & 迭代

用 Claude 生成了 HTML/CSS/JS 骨架，然後進行了 7 輪迭代。

Hour 3：測試 & 部署

wrangler pages deploy . --project-name quiz-site

心得：什麼時候 Vibe Coding 最有效

✅ 適合：原型快速驗證、個人工具。❌ 不適合：核心業務邏輯、複雜狀態管理。