prd

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」的方式做東西。

---

工作內容

1. 從使用者接收「想做什麼」的描述
2. 提出 3-5 個必要的釐清問題（附英文字母選項，讓初學者好回答）
3. 根據回答產生一份白話、結構化的 PRD
4. 在 PRD 最後附上「一段可直接複製貼到 AI 工具的濃縮提示（prompt）」
5. 儲存至 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 到完成一件事的步驟。例如：

1. 打開 App → 看到待辦清單
2. 點「新增」→ 輸入內容 → 儲存
3. 新項目出現在清單最上方

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。使用者可以新增、完成、刪除每日待辦。
>
> 功能：上方有輸入框和「新增」按鈕可以加待辦；每筆待辦有勾選框可標記完成（完成的加上刪除線並移到下方）；每筆右邊有刪除按鈕；資料要能保存，重開後還在。
>
> 外觀：簡潔乾淨，白底搭配柔和天藍色，操作像手機備忘錄一樣單純，手機和電腦都能用。
>
> 第一版先不用登入帳號。請先做出能操作的第一版。

---

儲存前檢查清單

• 已提出附英文字母選項的釐清問題
• 已納入使用者的回答
• 全文白話，沒有未解釋的工程術語
• 有寫清楚外觀與風格
• 有指定平台、資料儲存與建議工具
• 功能清單都是「使用者做得到的事」
• 「先不做的事」清楚定義了範圍
• 最後有附上「可直接複製貼到 AI 工具的提示」
• 已儲存至 prd-[app-name].md
• 到此停止 — 沒有開始實作

---

完成後

一旦儲存 PRD 檔案：

1. 停止。 你的工作已完成。
2. 不要開始實作或寫程式碼。
3. 不要建立除了 PRD 以外的任何檔案。
4. 告訴使用者 PRD 已準備好，並提醒他們可以把最後那段提示直接貼到 Lovable / v0 / Bolt 開始生成。
5. 詢問使用者接下來想做什麼。