打造屬於你的 Vibe Coding 戰隊:從夢想,到可運作的系統(二.五)實作範例,一個跟 Gemini 共創的PRD

更新 發佈閱讀 14 分鐘

在這次的範例當中,我選擇了一個最近我煩惱的主題,也就是:我覺得我對外部的資訊吸收的太少了。我太多時候寫文章都是「寫我自己想寫的」,有時候會中,但整個文章的觸及就會忽高忽低。而且我寫的領域太狹隘了,「靈感」需要廣泛、寫作內容再跟我有關就好。所以我們的起手式還是我在前文說的那句 prompt:

我想和你協作一份 PRD。請你像專業產品經理一樣,引導我一步步建立這份文件,從黃金圈理論的『Why』開始,透過一問一答的方式幫我釐清邏輯, 直到最後我們能整理出清楚的架構。

於是 Gemini 就開始引導啦,詳細完整的對話全記錄可以在這裡來觀看

不過這次的 PRD 搭建有兩個關鍵點是我覺得值得跟大家分享的

讓 AI 幫你想你想不到的事情

其實這是 vibe coding 最大的價值,或許你有聽說過:人賺不到認知以外的財富。相對專業的工程師,我們對於「技術」的認知其實並不那麼的全面。就像我原本很樂觀的以為:啊要找熱門主題,就請 LLM 幫我抓就好了啊。

但是 Gemini 這時候就很「委婉」的跟我說:其實這是不準的(他是沒有講啦,你們可以去看看他的講法是什麼)。並且幫我列出了可以替代的方案,甚至在我的要求下幫我找到了免費的解決方式。也讓我多認識了 Apify 這個工具

vocus|新世代的創作平台

開 PRD 的時候要明確技術棧

未來我會跟各位分享我把做好的產品放上網路給人使用的過程,目前我主要的兩個存放位置,一個是直接放在 Replit 上,另一種是會放在 Cloudflare 的 Worker/Pages 上。不同的存放位置其所支援的程式語言就不完全相同,一開始要先講清楚,避免開了一個 Cloudflare 不支援的語言,前面花的時間就白費了。

延伸閱讀:你學好了這件事情有什麼新的工作機會嗎?


最終跟 Gemini 聊了約半個小時,得到了一份這樣的 PRD,當你看完也懂了之後。下一步我們就要拿著這份 PRD 去找 Replit 搭建我們的服務了吧!

# PRD:社群熱點雷達 (Social Hotspot Radar) v1.0

**文件版本:** v1.0
**最後更新:** 2025-11-02
**產品負責人 (PM):** Yu-Ting Chiu (黑大)

---

## 1. WHY (我們的存在理由:目標)

### 1.1 Introduction (市場現況/問題)

* **目前使用者遇到的問題 (Problem Statement):**
* 許多專業領域的內容創作者(KOL / 專家),其內容產出習慣偏向「**由內而外**」(寫自己想寫的)。
* 這導致其內容與「**由外而內**」(大眾想看的)的即時市場需求產生脫節,進而影響內容的「**破圈**」傳散效率。
* **當前解決方案的痛點 (Pains):**
1. **資訊源受限:** 創作者依賴個人有限的資訊源(如:過去的課程、FB 動態回顧),導致錯過正在發酵的外部熱門話題。
2. **工具過重:** 市面上的專業社群監聽工具,對於「個人創作者」而言過於昂貴、功能過於笨重,不符合「輕量、快速」的需求。
* **我們看到的機會 (Opportunity):**
1. **輕量級爬蟲技術成熟:** 以 Apify 為代表的「Scraper-as-a-Service」技術,其免費方案已足夠支撐 MVP 的核心抓取需求。
2. **一體化開發平台:** Replit 提供了「Web 伺服器 + DB + Cron」的一體化環境,能以極低成本快速實現後台與排程。
3. **MVP 策略:** 我們可以組合上述工具,打造一個「零成本啟動、極致輕量」的解決方案,完美切入「個人專家」這個尚未被滿足的市場缺口。

### 1.2 Objectives (我們的成功定義)

* **商業目標 (Business Goal):**
* 輔助「小黑先生」的帳號在 2026 年底前達成 10 萬粉絲的目標。
* **產品目標 (Product Goal):**
* **P1 (價值):** 成為「小黑先生」最高效的「**外部靈感來源**」,確保他不錯過任何具「破圈」潛力的行銷話題。
* **P2 (體驗):** 打造「**零摩擦 (Zero-Friction)**」的體驗。使用者**不需**主動登入儀表板,價值(Email)必須在每日 8:00 AM **主動**推送到他面前。
* **P3 (效率):** 確保使用者能在 **10 分鐘內**完成「閱讀摘要 -> 點擊原文 -> 決定主題」的決策流程。

---

## 2. WHO (我們的服務對象:人)

### 2.1 Target Group (目標客群)

* **MVP 核心受眾 (Persona 0):**
* **角色:** 知識型 KOL / 領域專家 (以「小黑先生」為原型)。
* **領域:** 專注於特定專業領域(如:數位行銷、SEM、Meta 廣告、電商)。
* **行為:** 每日有穩定產出內容的需求,主力發布平台為 Facebook / Threads。
* **痛點:** 重度依賴「內部知識庫」,渴望「即時的外部市場訊號」。

### 2.2 Stakeholders (利害關係人)

* **1. 使用者 (User):** 「小黑先生」。他是產品的唯一使用者與最終決策者。
* **2. 開發者 (Developer):** (Replit 上的開發執行者)。本 PRD 必須為其提供清晰、可執行的技術規格 (見 4.3)。

---

## 3. HOW (我們的體驗設計:故事)

### 3.1 Persona (使用者畫像) / User Story 1: "小黑先生"

* **背景 (Who):** 「小黑先生」,一位行銷領域的專家型 KOL,主力經營 Facebook 和 Threads。
* **情境 (Where/When):** 每日早上 8:00 - 9:00 的「黃金發文一小時」,他需要在通勤或喝咖啡時,快速決定今天的發文主題。
* **核心痛點/需求 (Why):**
1. **(痛點)** 靈感常來自「歷史動態回顧」,缺乏「當下」的市場熱點。
2. **(需求)** 需要一個「高破圈潛力」的靈感素材庫。
3. **(需求)******需要 AI 自動寫作,他需要的是「高品質的原文素材」以便進行「二次轉譯」。

### 3.2 User Journey (用戶旅程)

我們有兩個關鍵旅程:

* **旅程 A:每日熱点獲取 (核心體驗)**
1. **[7:00 AM] (系統):** Replit Cron 觸發 Apify 爬蟲,抓取 FB/Threads 熱文。
2. **[7:15 AM] (系統):** 資料排序 (依分享數) 並存入 Replit DB (供快取)。
3. **[8:00 AM] (使用者):** 「小黑先生」在信箱中收到「每日熱點摘要」Email。
4. **[8:01 AM] (使用者):** 打開 Email,快速掃描 3-5 篇「分享數最高」的文章標題。
5. **[8:05 AM] (使用者):** 點擊 1-2 個最相關的連結,閱讀原文。
6. **[8:10 AM] (使用者):** 決定今日主題。
7. **[9:00 AM] (使用者):** (後續) 完成轉譯並發布貼文。

* **旅程 B:關鍵字管理 (低頻操作)**
1. **[某天下午] (使用者):** 發現近期「AI 廣告」很紅,想加入監控。
2. **[1:30 PM] (使用者):** 登入 Replit 上的「設定管理中心」。
3. **[1:31 PM] (使用者):** 在輸入框打上 "AI 廣告",按下「新增」。
4. **[1:32 PM] (使用者):** 點擊 "AI 廣告" 旁邊的「立即測試」按鈕。
5. **[1:33 PM] (使用者):** 系統從 Replit DB (7:00 AM 的快取) 回傳了 2 篇相關貼文。
6. **[1.34 PM] (使用者):** 確認關鍵字有效,滿意地關閉頁面。

### 3.3 Aha! Moment / MOT (關鍵時刻)

* **"Aha! Moment" (Wow! 時刻):**
在「旅程 A」的第 4 步。當「小黑先生」打開 Email,**第一眼就看到一篇「分享數極高」且「他完全沒想到」的完美主題**,瞬間解決了他當天的「發文焦慮」。

---

## 4. WHAT (我們的具體實現:規格)

### 4.1 [Aspect 1: Epic 1 - 每日熱點摘要 (Email)]

* **F-1.1 (排程):** 必須在每日 8:00 AM (GMT+8) 準時或之前送達。
* **F-1.2 (Email 內容):**
* **標題:** `[社群熱點雷達]: 您 YYYY/MM/DD 的熱點摘要`
* **內文:** 極簡純文字或輕量 HTML。
* **欄位:** 必須包含 1. `原文標題` (可點擊) 2. `原文連結` 3. `分享數` 4. `留言數`
* **F-1.3 (排序邏輯):** 列表必須嚴格依據「**分享數 (DESC)**」為第一排序,若平手則依「**留言數 (DESC)**」為第二排序。
* **F-1.4 (資料範圍):** 內容必須是「過去 24 小時內」發布,且符合使用者設定的「關鍵字」。

### 4.2 [Aspect 2: Epic 2 - 設定管理中心 (Web)]

* **F-2.1 (介面):** 必須是一個單一頁面 (Single Page Application),佈局參照下方 **[附錄 A]** 的線框圖。
* **F-2.2 (關鍵字 CRUD):** 必須提供「新增輸入框」、「刪除按鈕」及「目前列表」,並即時連動 Replit DB。
* **F-2.3 (推播開關):** 必須提供一個「開啟/關閉」的 Toggle 按鈕,狀態存入 Replit DB,`F-1.2` 的排程必須讀取此狀態。
* **F-2.4 (立即測試):**
* **[重要]** 此功能**不得**觸發即時爬蟲。
* 必須**立即**查詢 `F-1.4` (旅程 A) 存入 Replit DB 的**快取資料**
* 必須在 3 秒內將快取結果回傳至介面的 `[ 區塊 3 ]`

### 4.3 [Aspect 3: 技術/營運規格]

* **F-3.1 (平台):** 專案必須在 **Replit** 上開發與託管。
* **F-3.2 (資料庫):** 必須使用 **Replit DB** 儲存所有使用者設定(關鍵字、推播狀態)與爬蟲快取結果。
* **F-3.3 (爬蟲):**
* 必須透過 API 呼叫 **Apify** (或同等級服務) 執行。
* **嚴禁**在 Replit 容器中直接運行 Playwright/Puppeteer (因 IP 易被封鎖)。
* **成本控制:** MVP 階段必須使用 Apify 的**免費方案 ($5 Credit/月)**
* **F-3.4 (Email):** 必須使用 **SendGrid** (或同等級) API 服務,金鑰存於 Replit Secrets。
* **F-3.5 (認證):** `[設定管理中心]` 必須有簡易認證 (建議使用 Replit Auth 或環境變數中的靜態密碼)。

---

## 5. 待辦/風險 (Open Questions)

* **風險 1 (成本):** Apify 的 $5 免費額度可能在關鍵字過多或抓取頻繁時耗盡。
* **待辦:** 需在爬蟲腳本中加入用量監控與日誌,以便在額度接近時發出告警。
* **風險 2 (爬蟲失效):** Facebook / Threads 更改前端 HTML 結構,導致 Apify 爬蟲失效。
* **待辦:** 需建立一個「健康檢查」機制。例如:如果連續兩天抓到的
留言
avatar-img
行銷人才培育基地 ThinkWithBlack
15.2K會員
145內容數
這是一個以電商為主的電商行銷教學基地,希望在這裡能夠透過文章知識的傳遞,能夠建構電商所需要的知識。
你可能也想看
Thumbnail
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的
Thumbnail
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的
Thumbnail
基於大型語言模型的 AI 聊天服務可以協助完成多項工作,為了提升 AI 聊天的互動便利性,許多開發者打造了不同性質的擴充功能,Ask Screenshot for Gemini 就是一款能快速將網頁文字與截圖傳送至 Gemini 對話框的實用工具。
Thumbnail
基於大型語言模型的 AI 聊天服務可以協助完成多項工作,為了提升 AI 聊天的互動便利性,許多開發者打造了不同性質的擴充功能,Ask Screenshot for Gemini 就是一款能快速將網頁文字與截圖傳送至 Gemini 對話框的實用工具。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這篇文章分享如何透過免費電子郵件課程提供價值,建立信任,並引導訂閱者購買付費產品。透過豐富內容、獨特風格,以及AI的幫助,讓你的需求看起來更具吸引力。
Thumbnail
這篇文章分享如何透過免費電子郵件課程提供價值,建立信任,並引導訂閱者購買付費產品。透過豐富內容、獨特風格,以及AI的幫助,讓你的需求看起來更具吸引力。
Thumbnail
這篇要搭建一個同時生成寫實照片跟動漫風格圖片的工作流,還可以幫線稿上色。
Thumbnail
這篇要搭建一個同時生成寫實照片跟動漫風格圖片的工作流,還可以幫線稿上色。
Thumbnail
這篇文章深入探討了文案寫作的重要性,並提供了具體案例來說明如何在文案中訴諸讀者的情感,從而提高轉換率。文章內容涉及情感驅使決策、研究結果、客戶需求、情懷直觀的影響以及文案研究與改善等。
Thumbnail
這篇文章深入探討了文案寫作的重要性,並提供了具體案例來說明如何在文案中訴諸讀者的情感,從而提高轉換率。文章內容涉及情感驅使決策、研究結果、客戶需求、情懷直觀的影響以及文案研究與改善等。
Thumbnail
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的
Thumbnail
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的
Thumbnail
這篇文章描述作者如何利用 AI 技術(如 ChatGPT)來輔助撰寫文章的過程。作者詳細拆解了自己的寫作流程,並闡述了每個環節中如何使用 AI 來提高效率。文章強調 AI 在工作流程中所帶來的改變,並指出要適應這種改變需要一定的時間和練習。
Thumbnail
這篇文章描述作者如何利用 AI 技術(如 ChatGPT)來輔助撰寫文章的過程。作者詳細拆解了自己的寫作流程,並闡述了每個環節中如何使用 AI 來提高效率。文章強調 AI 在工作流程中所帶來的改變,並指出要適應這種改變需要一定的時間和練習。
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News