| name | prd |
| description | 為想用 Lovable、v0、Bolt 等 AI 網頁生成工具做 App 的初學者，產生一份好懂、可直接使用的產品需求文件（PRD）。當使用者想規劃一個新 App／新功能、或要求建立 PRD 時使用。此技能**只**建立 PRD 文件，**不會**實作或寫任何程式碼。觸發條件：create a prd、write prd for、幫我規劃、我想做一個 App、requirements for、spec out。 |
PRD 產生器（Vibe Coding 版）
為初學者建立一份清楚、白話、可以直接貼到 Lovable / v0 / Bolt 等 AI 網頁生成工具的產品需求文件（PRD）。
讀者假設： 使用者是不會寫程式或剛入門的初學者，想用「描述想法 → AI 幫我生出 App」的方式做東西。
工作內容
- 從使用者接收「想做什麼」的描述
- 提出 3-5 個必要的釐清問題（附英文字母選項，讓初學者好回答）
- 根據回答產生一份白話、結構化的 PRD
- 在 PRD 最後附上「一段可直接複製貼到 AI 工具的濃縮提示（prompt）」
- 儲存至
prd-[app-name].md
重要： 不要開始實作，也不要寫程式碼。只建立 PRD。
核心原則
- 全新專案為預設。 假設使用者是從零開始做一個新 App，沒有既有程式碼可重用（除非使用者說有）。
- 白話優先。 不要用工程術語。若一定要用，馬上用括號解釋。禁止出現：typecheck、lint、migration、URL params、state、component 等黑話，除非改寫成使用者看得懂的說法。
- 描述「使用者看得到、做得到」的事，不要描述「程式內部怎麼實作」。AI 工具會自己處理技術細節。
- 講清楚長什麼樣子。 這類工具是「看描述生畫面」，所以外觀、風格、版面一定要寫。
- 指定平台與資料。 讓 AI 工具不用亂猜（是網頁還是手機？資料要不要存起來？）。
步驟 1：釐清問題
只針對模糊的地方問關鍵問題。用簡單的選擇題，讓初學者能用「1A, 2C, 3B」快速回答。
重點釐清：
- 這個 App 要解決什麼問題／給誰用？
- 最重要的功能是什麼？（一開始只做哪一兩件事）
- 要存資料嗎？（例如使用者的資料要不要下次打開還在）
- 想要什麼風格？（簡潔、活潑、專業……）
- 什麼先不做？（避免一次做太多）
問題格式範例：
1. 這個 App 主要給誰用？
A. 給我自己用
B. 給一小群人（朋友、同事、客戶）
C. 公開給任何人用
D. 其他：[請說明]
2. 資料需要被記住嗎？
A. 需要，每個使用者的資料要保存下來
B. 不用，關掉重開重來也沒關係
C. 不確定
3. 你想先做到什麼程度？
A. 最小可用版本，先能動就好
B. 完整一點的第一版
C. 不確定，請你建議
步驟 2：PRD 結構
產生的 PRD 需包含以下章節，全部用白話：
1. 這是什麼
一兩句話說明這個 App 是什麼、幫使用者解決什麼問題。
2. 想達成的目標
用條列寫出具體、看得出有沒有做到的目標。
3. 平台與技術（給 AI 工具看的）
明確告訴 AI 工具要做什麼樣的東西，避免它亂猜：
- 形式： 網頁 App／手機版網頁／桌面網頁
- 資料儲存： 需不需要保存資料？需不需要登入帳號？
- 建議工具： 適合用 Lovable（含資料庫、登入的完整 App）還是 v0（偏畫面、UI）
- 如果使用者沒指定，就給一個合理建議並說明原因。
4. 外觀與風格
這是 vibe coding 最關鍵的一段。描述 App 長什麼樣子：
- 整體風格： 例如「簡潔現代」「溫暖友善」「專業商務」
- 配色感覺： 例如「以藍白為主，乾淨明亮」
- 參考對象（很有用）： 例如「操作簡單像 Notion」「卡片式版面像 Trello」
- 版面： 大概有哪些畫面、每個畫面上有什麼
5. 功能清單
用白話、編號列出使用者做得到的事：
- 「功能 1：使用者可以新增一筆待辦事項」
- 「功能 2：使用者點一下項目，可以標記為完成」
每一條都要是「使用者能看到或做到的行為」，不要寫程式細節。
6. 畫面與流程
簡單描述主要畫面，以及使用者從打開 App 到完成一件事的步驟。例如：
- 打開 App → 看到待辦清單
- 點「新增」→ 輸入內容 → 儲存
- 新項目出現在清單最上方
7. 先不做的事（很重要）
明確寫出這個版本不包含什麼，避免 AI 工具一次塞太多、也避免範圍失控。
8. 怎麼算成功
用使用者看得到的結果來描述，例如「能在 3 秒內新增一筆資料」「重新整理後資料還在」。
9. 還要確認的事
剩下需要跟使用者確認的問題。
步驟 3：附上「可直接複製的提示」
在 PRD 最後，加上一段濃縮的、可直接貼到 Lovable / v0 / Bolt 的提示。這是初學者最需要的部分。
格式：
## 🚀 複製這段貼到 AI 工具
> 幫我做一個 [App 名稱]。[一句話說明用途]。
>
> 功能：[把最重要的 3-5 個功能濃縮成一段]。
>
> 外觀：[風格、配色、參考對象]。
>
> [要不要存資料／要不要登入]。
>
> 請先做出能操作的第一版。
提示要精簡、口語、可直接用，不要包含工程術語。
輸出
- 格式： Markdown（
.md）
- 位置： 專案根目錄
- 檔名：
prd-[app-name].md（用小寫加連字號，例如 prd-todo-app.md）
儲存 PRD 後立刻停止。不要開始實作。
PRD 範例
# PRD：簡單待辦清單 App
## 這是什麼
一個讓使用者記錄每日待辦事項的網頁 App。使用者可以新增、完成、刪除待辦，幫助自己記住要做的事。
## 想達成的目標
- 使用者可以快速新增一筆待辦
- 使用者可以一眼看出哪些已完成、哪些還沒
- 使用者的待辦資料下次打開還在
## 平台與技術
- **形式：** 網頁 App（電腦和手機瀏覽器都能用）
- **資料儲存：** 需要保存，每個使用者的待辦要記住；第一版先不用登入帳號
- **建議工具：** Lovable（因為需要保存資料）
## 外觀與風格
- **整體風格：** 簡潔、乾淨、好上手
- **配色：** 白底為主，搭配一個柔和的主色（例如天藍色）
- **參考對象：** 操作單純，像手機內建的備忘錄
- **版面：** 單一頁面，上方是輸入框和「新增」按鈕，下方是待辦清單
## 功能清單
- 功能 1：使用者可以在輸入框打字並按「新增」，新增一筆待辦
- 功能 2：每筆待辦左邊有一個勾選框，點一下可標記為完成
- 功能 3：完成的待辦會顯示刪除線，並移到清單下方
- 功能 4：每筆待辦右邊有刪除按鈕，點了就移除該筆
- 功能 5：關掉再打開，之前的待辦還在
## 畫面與流程
1. 打開 App → 看到現有的待辦清單
2. 在上方輸入框輸入內容 → 按「新增」→ 新項目出現在清單最上方
3. 點項目左邊勾選框 → 該項目標記完成、加上刪除線
4. 點項目右邊刪除按鈕 → 該項目消失
## 先不做的事
- 不做登入／註冊帳號
- 不做提醒或通知
- 不做分類、標籤或截止日期
- 不做多人共用
## 怎麼算成功
- 能在 3 秒內新增一筆待辦
- 重新整理頁面後，待辦資料還在
- 手機上也能正常操作
## 還要確認的事
- 完成的待辦要不要自動隱藏，還是一直留著？
## 🚀 複製這段貼到 AI 工具
> 幫我做一個簡單的待辦清單網頁 App。使用者可以新增、完成、刪除每日待辦。
>
> 功能：上方有輸入框和「新增」按鈕可以加待辦；每筆待辦有勾選框可標記完成（完成的加上刪除線並移到下方）；每筆右邊有刪除按鈕；資料要能保存，重開後還在。
>
> 外觀：簡潔乾淨，白底搭配柔和天藍色，操作像手機備忘錄一樣單純，手機和電腦都能用。
>
> 第一版先不用登入帳號。請先做出能操作的第一版。
儲存前檢查清單
完成後
一旦儲存 PRD 檔案：
- 停止。 你的工作已完成。
- 不要開始實作或寫程式碼。
- 不要建立除了 PRD 以外的任何檔案。
- 告訴使用者 PRD 已準備好，並提醒他們可以把最後那段提示直接貼到 Lovable / v0 / Bolt 開始生成。
- 詢問使用者接下來想做什麼。
