我做能幫助人開口、學習與連結的AI 產品

1. 01 我決定

   需求＋參考

   一句話寫下要什麼，附上 Pinterest 參考。代理先下載參考影片、逐格拆成效果規格。

   參考影格表、效果對照表

2. 02 代理執行

   Brief

   把原話、成功條件、禁止事項（不捏造、不付費、不對外發送）和驗收方式寫成一份 brief，我確認後才開工。

   brief 文件

3. 03 代理執行

   Skills＋唯一 writer

   代理讀可重用的技能檔（流程、檢查清單、發布規則）。每份產物只指派一位 writer，另一位代理只負責審查。

   接單紀錄

4. 04 代理執行

   設計與開發

   所有文案和事實集中在一個設定檔：同一份內容產生中英兩版，也產生作品集與這個履歷版。動效都有減少動態與無 JS 的靜態版本。

   原始碼 commit

5. 05 自動檢查

   電腦／手機 QA

   headless Chrome 自動檢查 360 到 1440 六種寬度：溢出、console 錯誤、連結實際打開、對比、鍵盤、觸控、離開畫面就暫停。每次修改都重跑整套。

   QA 報告

6. 06 自動檢查

   錄影＋參考對比

   錄下電腦版和手機版的真實捲動，再把成品和 Pinterest 參考並排。就是下面這三支影片。

   三支影片

7. 07 我決定

   審核與發布

   另一位代理審查同一個凍結版本；build 產生逐檔 SHA-256 清單。發布後匿名讀回線上檔案，雜湊一致才算完成。

   manifest、線上讀回

8. 08 代理執行

   Discord 交付

   把三支影片和摘要送到團隊頻道，再讀回訊息與附件大小確認送達；送之前先查有沒有送過，避免重複。

   送達收據

實際用到的工具：Vite＋TypeScript、GSAP、headless Chrome（puppeteer-core）、ffmpeg、Cloudflare Pages 與 Workers、多代理工作區、Discord bot。

成品影片

兩段主要 prompt（範本，可直接複製）

第一段從需求做到可驗收的成品；第二段負責修改、發布與交付。這是整理後的範本，你可以填入自己的需求直接使用。

你是這個網站的唯一 writer。
需求：<一段話，例如「個人履歷網站，中英雙語，給招募方看」>
參考：<Pinterest 或網站連結>——先下載並逐格拆解，列出要學的效果和不學的部分。
素材與事實：只能用 <資料夾或文件>；查不到就留空，不要編。

請完成：
1. 寫 brief：成功條件、禁止事項、驗收方式。
2. 實作：文案和事實集中在一個設定檔；中英兩版；動效要有減少動態與無 JS 的靜態版本。
3. QA：360／375／390／414／820／1440 都沒有溢出；console 0 錯誤；連結實際打開；鍵盤和觸控可用。
4. 錄影：電腦 1440、手機 390（標明是模擬）、與參考並排對比。
5. 交付收據：改了什麼、每個事實的來源、QA 結果、還沒完成的事。

限制：不部署、不付費、不對外發訊息。

依下面的回饋修改同一個網站（你仍是唯一 writer）：
<回饋清單>

1. 每一項改完都附截圖或測試證據；重跑完整 QA 與錄影。
2. 凍結：commit、乾淨 build、逐檔 SHA-256 清單（LC_ALL=C 排序）。
3. 交給審查者對同一個版本互審；通過後由唯一的部署者發布。
4. 發布後匿名讀回：中英首頁、資產雜湊、關鍵文字。
5. 把電腦、手機、參考對比三支影片送到 <頻道>，讀回附件名稱與大小留存收據；送之前先確認沒有送過。

回報：commit、manifest、測試數、影片路徑、還沒驗證的事。