免費下載資源

AI Product Builder Prompt Kit

一套更像真實開發任務的 Prompt Kit。註冊會員可以免費閱讀並下載完整 PDF 手冊,Library 則收錄更大的 prompt pool,讓你遇到特定問題時可以快速查找。

探索實戰 Library
會員免費下載
可直接複製
AI Coding 友善
prompt.system

Prompt 使用手冊

以購物車系統為範本,從規劃、UI、資料庫、功能、測試到部署。

實戰開發 Prompt Library

依照 UI、Supabase、全端功能、Debug、部署等真實任務分類。

Choose your path

兩種使用方式:先學寫法,或直接找任務

Path 02

實戰開發 Prompt Library

適合你已經知道要做什麼,例如電商首頁 UI、Supabase 資料表、購物車功能、API 修復、Vercel 上線。直接找卡片複製使用。

進入實戰 Library
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 串起來。

看實戰課程