前面 22 天，我們從 Prompt、Context 一路玩到 Coding Agent、Debug、Code Review、Git 和 MCP，也差不多把 Vibe Coding 常見的概念摸過一輪了。

接下來就進入最後一個階段：真的用 AI 從零做出一個小專案。

不過既然這個系列一直在講 Vibe Coding，這次就不打算先自己把規格全部寫好再叫 AI 照著做，而是從一句非常簡單的想法開始：

我想做一個可以收藏常用網站的網頁。

這句話其實跟 Day 5 看過的「幫我做一個登入頁面」很像。

它有方向，但是還遠遠稱不上完整的需求。

如果現在直接叫 Agent 開始寫，它當然還是有可能生出東西，只是最後做出來的功能、畫面和我們腦袋裡想的，很可能完全是兩回事。

所以今天先不寫任何 Code，而是讓 AI 幫忙把模糊的想法整理成可以實際開發的需求。

我先給 Agent：

我想做一個可以收藏常用網站的簡單網頁，請先不要寫程式。
這是一個 Vibe Coding 練習專案，希望使用 HTML、CSS 和 JavaScript 完成，不使用後端與資料庫。
請幫我整理這個專案需要哪些基本功能，功能不要太複雜。

這裡特別加入了幾個限制：

技術：HTML / CSS / JavaScript
後端：不需要
資料庫：不需要
規模：簡單的小專案

這其實就是前面講過的 Context。

如果只說「我要收藏網站」，AI 很可能自己加入帳號、雲端同步、資料庫之類我們根本不需要的東西。

加入限制之後，AI 整理出的需求就會比較接近這次真正想做的東西，例如：

網站收藏管理器

基本功能：
1. 新增網站名稱與網址
2. 顯示已收藏的網站
3. 刪除收藏
4. 搜尋收藏
5. 使用分類整理網站
6. 使用 LocalStorage 保存資料

這樣第一版需求其實就已經差不多了。

不過還可以再補一句：

請把以上功能分成「必要功能」和「之後可以增加的功能」，這次只保留完成基本版本真正需要的內容。

讓 AI 再幫忙砍一次需求。

最後我決定把這次專案控制在：

必要功能

- 新增網站
- 刪除網站
- 搜尋網站
- 網站分類
- LocalStorage 保存資料

登入、會員系統、雲端同步、後端 API 之類的功能全部先不要。

這一步看起來好像沒有「寫程式」那麼厲害，但其實也是 Vibe Coding 很重要的一部分。

因為 AI 寫 Code 的速度很快，反而更容易出現一種情況：想到什麼就加什麼，最後一個原本兩小時能做完的小工具，被 Vibe 成不知道什麼龐然大物。

所以在真正開始之前，先跟 AI 一起決定：

我們到底要做什麼，以及哪些東西不要做。

某種程度上，Prompt 已經開始從「叫 AI 寫一段程式」，變成了一份簡單的需求文件。

今天我們沒有寫任何一行 Code，但已經從：

「我想做一個收藏網站的網頁。」

慢慢整理成了一個真正可以開始開發的小專案。