AI MVP 實戰：用 Claude Code 打造一項產品

停止看教程，開始實際做

前面四章說了 AI MVP 的邏輯和框架。這一章不說框架。

我們打開 Claude Code，實際做一個產品，從零到上線。這個流程你可以直接套用在自己的產品上。

---

我們要做什麼

示範產品，就是本書從第一章討論到現在的那個：

「Agent 原生獲客變現網站」建置服務。

真實的市場需求：很多中小企業主和創作者，想要一個讓 Agent 24 小時自動運營的網站，但不知道怎麼做，也沒有工程師資源。

• 目標客戶：有明確產品的個人品牌 / 小型電商 / 知識型創業者
• 競爭對手市價：傳統網頁設計公司，10 萬起跳
• OPC 定價：5 萬（對手的 1/2）
• 交付成本：Claude Code + Vercel + Token 費，幾千元以內（對手的 1/10）

這個產品本身就是一個 Agent 原生系統——我們用 Claude Code 建造它，用同一套技術交付給客戶，自己的網站就是最好的 Demo。

---

步驟一：定義你要建什麼

打開 Claude Code 之前，先把目標說清楚。這是最重要的一步，也是最多人跳過的一步。

寫下這份文件：

我要建一個 MVP 版本的「Agent 原生獲客變現網站」展示頁，
用來驗證市場是否願意為這個服務付費。

頁面需要：
1. 清楚說明這個服務解決什麼問題
2. 展示三個核心功能（Agent 內容自動化、Agent 客服、即時數據儀表板）
3. 明確的定價區塊（5 萬元，含說明）
4. 一個聯絡 / 預購表單

技術要求：
- Next.js + Tailwind CSS
- 部署到 Vercel（免費方案）
- 不需要後端，表單用 Formspree
- 行動裝置正常顯示

模糊的指令，模糊的結果。清楚的指令，可預期的結果。

---

步驟二：讓 Claude Code 建立架構

打開終端機，進入工作目錄，啟動：

claude

把需求文件貼給它。Claude Code 會建立 Next.js 專案、設定 Tailwind、建頁面組件、寫出基礎內容。過程中它自己執行命令、建立檔案、遇到問題自己除錯。

你的工作是觀察，在它問問題的時候給出判斷。不需要自己打任何程式碼。

---

步驟三：審核輸出，給出品味判斷

基礎版本完成後，在 localhost:3000 預覽。看三件事：

訊息是否清楚？ 一個完全不認識你的人，30 秒內能不能理解這個服務能幫他解決什麼問題？

定價是否清楚可見？ 很多頁面把定價藏在最底部。定價應該在頁面上半部就出現。

CTA 是否明確？「立即預購」比「了解更多」好。「預購現省 30%，本週限定」比「立即預購」更好。讓人知道現在應該做什麼，而且應該現在做。

把觀察告訴 Claude Code：「標題不夠直接，改成更聚焦客戶痛點的版本」「定價區塊放大，加一個比較表格」「CTA 換更緊迫的文案」。

這個來回，就是你作為 AI 工廠老闆在做的事：給方向、審核結果、做品味判斷。

---

步驟四：部署到 Vercel

對頁面滿意了，告訴它：

請幫我把這個專案部署到 Vercel，給我一個公開的 URL。

Claude Code 引導你完成部署——建 git 倉庫、推送、連結 Vercel。完成後你得到一個公開 URL。

這個 URL，就是你的 MVP 上線了。從開始到這一步，幾個小時。

---

步驟五：第一波推廣，收集真實信號

URL 有了，開始推廣。不是買廣告，不是做 SEO。是直接找人。

列出你認識的人裡最有可能是目標客戶的 5 到 10 個，傳給他們：

「我在做一個新服務，幫有產品的創作者建一套讓 AI 24 小時自動獲客和銷售的系統。這是展示頁：[URL]。你覺得這解決了你一個真實的問題嗎？對定價有什麼想法？」

注意：不是要他們幫你傳播，是直接問真實反應。

48 小時後看結果：

• 「我有興趣，怎麼預購？」→ 假設初步驗證，回到 CH04-3 的預購流程
• 「我看不懂這個服務在做什麼」→ 訊息不夠清楚，回去改頁面
• 「定價太高」→ 調整定價，或者你找的人不是對的受眾
• 沒有人回應 → 訊息沒有擊中痛點，或受眾找錯了

每一種反應都是有用的信號。沒有「失敗」，只有「學到了什麼」。

---

你剛剛做了什麼

回頭看這個流程：

你沒有學一年的程式。沒有花幾十萬請設計公司。沒有等三個月才上線。你在幾個小時內，建出了一個可以對外展示、可以收集市場信號的 MVP。

它不是最終版本，也不需要是。它的品質，足以讓一個潛在客戶理解你的服務、判斷它是否解決他的問題、決定要不要進一步了解。

有了真實信號，你的下一輪迭代才有根據。你不是在猜客戶想要什麼，你是在根據真實反應做決定。

用 Claude Code 快速建造，用 Agent 原生網站即時測試，用真實行為數據驅動下一步。從想法到上線，24 小時。

同樣的流程適用於：課程銷售頁、SaaS 工具 MVP、電子報訂閱頁、數位產品商店、個人品牌網站。技術不是門檻，清楚的目標才是關鍵。

---

今天的第一步

打開 Claude Code，輸入：

「幫我建一個最小的 [你的產品類型] 銷售頁，包含：標題、三個核心賣點、定價、一個 CTA 按鈕。用 HTML 和 Tailwind CSS。」

不要只看它輸出什麼。注意它問了什麼問題、做了什麼假設、在哪裡需要你確認方向。

這就是你和 AI CEO 第一次真正協作的樣子。

---