免費下載資源
AI Product Builder Prompt Kit
一套更像真實開發任務的 Prompt Kit。註冊會員可以免費閱讀並下載完整 PDF 手冊,Library 則收錄更大的 prompt pool,讓你遇到特定問題時可以快速查找。
會員免費下載
可直接複製
AI Coding 友善
prompt.system
Prompt 使用手冊
以購物車系統為範本,從規劃、UI、資料庫、功能、測試到部署。
實戰開發 Prompt Library
依照 UI、Supabase、全端功能、Debug、部署等真實任務分類。
Choose your path
兩種使用方式:先學寫法,或直接找任務
Practical workflow
真實開發通常是一段一段交給 AI
先做 UI,再做資料庫,再接功能,最後 debug、review、部署。每一步都用更具體的任務 prompt 控制 AI 的輸出。
01
UI 介面
02
資料庫
03
全端功能
04
AI Coding
05
Debug
06
Code Review
07
上線部署
08
版本控制
09
AI Agent
Library preview
第一批實戰 Prompt 卡
Library 先放高頻開發任務卡,重點是能直接拿去丟給 AI coding agent,而不是只做抽象規劃。
UI 開發
用 Tailwind CSS + shadcn/ui 開發電商首頁 UI
先完成 Hero、熱門商品、品牌特色、促銷活動、聯絡我們與 Footer,不急著串功能。
Supabase / DB
設計購物車與訂單系統資料結構
包含 carts、cart_items、orders、order_items、RLS、index、migration SQL 與測試資料。
全端功能
開發購物車功能
加入購物車、更新數量、移除商品、小計與總金額,並沿用現有專案架構。
想把 prompt kit 變成真的產品嗎?
可以接著搭配 Vibe Coding 課程,學會如何把 prompt、產品規格和 AI coding workflow 串起來。
