30 個可以直接複製嘅 Vibe Coding 提示（速查表）

最好嘅 vibe coding 提示係簡短、具體，並且圍繞行為：誰使用應用程式、佢哋可以做咩、佢儲存咩，以及外觀如何。下面有 30 個可以直接複製貼上嘅提示，按你所處嘅階段分類，由首次建構一直到發布。將方括號 [] 入面嘅部分換成你自己嘅細節。

呢啲提示適用於任何 AI 應用程式建構工具或程式編寫代理。如果你想知道背後嘅理據，我哋較詳細嘅 如何為 AI 應用程式建構工具撰寫提示 指南會解釋基本原則。本頁就係速查表。

如何使用本速查表

• 由一個首次建構提示開始，然後一次使用其他提示一個。
• 每個提示之後都要測試。 送出下一個提示之前，先點擊測試該更改。
• 保留行之有效嘅部分。 呢度大部分跟進提示都以「其他嘢保持不變」作結，是有原因嘅。
• 貼上確切文字。 錯誤訊息、按鈕標籤同畫面上嘅字，永遠比描述更有用。

首次建構提示

呢啲提示決定應用程式嘅形態。每個都會列明用戶、操作、資料同外觀。

1. 簡單追蹤器

幫我建構一個 [習慣] 追蹤器。我可以新增一個名稱同顏色嘅 [習慣]，每日打勾一次，並查看 30 日格仔同我目前嘅連續天數。全部儲存，令重新整理後仍然保留。設計簡潔乾淨，喺手機上可以用。

2. 小型商店預約頁面

為我嘅 [髮廊] 建構一個預約頁面。客人選擇服務（[剪髮 30 分鐘、染髮 90 分鐘]）、日期，以及 [9:00 至 18:00] 之間嘅空閒時段，然後輸入姓名、電話同電郵。兩人唔可以預約同一個時段。我需要一個私人管理頁面，要登入先可以進入，列出按日排列嘅即將到來嘅預約。

3. 內部工具

為我團隊建構一個內部工具，用嚟追蹤 [器材借出]。每件物品有名稱、編號同狀態（可用、借出中、損壞）。職員登入後，可以將物品借給自己，亦可以歸還。顯示一個表格，可以按狀態篩選，並附有每件物品曾被邊個借用嘅歷史紀錄。

4. 附候補名單嘅著陸頁

為 [我嘅產品：一個供忙碌家長使用嘅餐單規劃應用程式] 建構一個單頁網站。頂部有主標題、一句話副標題同電郵登記。之後有三項優點、一個簡短嘅運作方式部分同一個常見問題。將登記電郵儲存到資料庫，並喺一個私人管理頁面顯示名單俾我睇。

5. 客戶入口網站

為我嘅 [設計工作室] 建構一個客戶入口網站。每位客戶登入後，只可以看到自己嘅專案、狀態、我上載嘅檔案，以及一個留言串。我以管理員身份登入，可以睇到所有客戶。客戶絕對唔可以睇到彼此嘅資料。

6. 計算機或報價工具

為我嘅 [清潔服務] 建構一個報價計算機。輸入項目包括：睡房數目、浴室數目、額外服務（焗爐、窗戶、雪櫃）同頻率（一次性、每週、每月）。隨住選項改變即時顯示價錢，並附細項分拆。價錢：[貼上你嘅價目表]。加入一個按鈕，可以透過電郵將報價要求寄俾我。

規劃提示

喺開始一個大功能之前，或者當你唔肯定點樣描述某樣嘢時，就用呢啲提示。

7. 建構前先規劃

喺你寫任何程式碼之前，請用平白語言描述你會建構嘅畫面、會儲存嘅資料，以及任何需要我決定嘅事項。等我同意之後先開始。

8. 將凌亂嘅構思變成第一版

呢個係我嘅構思：[貼上筆記]。請用 5 至 8 個重點，建議一個仍然有用嘅最小首個版本。列出你會留待以後再做嘅嘢，以及原因。

9. 問清楚缺少咩

喺建構呢個嘢之前，開發人員會問我邊啲問題？請逐一問我，然後將我嘅答案總結成一份簡短嘅規格。

10. 先檢查一個大更改

我想加入 [團隊帳戶，讓多人共用一個工作區]。請解釋喺資料、畫面同權限方面需要改咩，以及可能會出現咩問題。暫時唔好更改任何嘢。

設計提示

11. 設定清晰嘅風格

重新設計應用程式嘅外觀：溫暖嘅米白色背景、深色文字、一個強調色 [#1F6F50]、圓角、寬裕嘅間距，以及現代嘅無襯線字體。保持版面同所有功能完全不變。

12. 仿照參考嘅感覺

令儀表板感覺似一個平靜嘅理財應用程式：大量留白、數字大而粗體、標籤細而灰色，頂部放一個簡單嘅圖表。唔好複製任何品牌嘅標誌或文字。

13. 修正手機版面

喺一部闊 375px 嘅手機上，[訂單頁面] 上嘅表格會橫向滾動，而按鈕會重疊。喺細螢幕上將每一行轉為堆疊式卡片。唔好改桌面版面。

14. 空白、載入同錯誤狀態

為 [專案清單] 加入適當嘅狀態：一個友善嘅空白狀態，附一個按鈕可以新增第一個專案；資料載入時顯示載入骨架；如果載入失敗，就顯示清楚嘅訊息，並附重試按鈕。

15. 由右至左支援

加入一個阿拉伯文版本嘅介面，採用完整嘅由右至左版面。有方向嘅圖示應該翻轉；數字同日期應該使用當地格式。預設保留英文。

資料同功能提示

16. 令資料持久保存

而家我重新整理頁面，資料就會消失。請改為將資料儲存到真正嘅資料庫，並令現有畫面維持相同運作方式。

17. 加入登入

加入以電郵同密碼註冊同登入嘅功能。每位用戶只可以查看同編輯自己嘅 [紀錄]。頂部列要顯示用戶嘅電郵，並附登出按鈕。

18. 加入角色

加入兩個角色：管理員同成員。管理員可以新增、編輯同刪除 [產品]；成員只可以查看。要喺伺服器上強制執行，唔可以只係隱藏按鈕。

19. 加入搜尋同篩選

喺 [聯絡人清單] 上方加入搜尋框，我輸入時可以配對姓名、公司或電郵，並加入 [狀態] 篩選。保持現有嘅排序次序。

20. 加入檔案上載

讓用戶可以為每個 [列表] 附上最多 [5] 張圖片，每張最大 [5 MB]。喺列表上顯示縮圖，點擊後可以查看較大嘅圖片。只有擁有者可以刪除自己嘅圖片。

21. 由試算表匯入

加入一個匯入按鈕，可以接受含有 [姓名、電郵、電話、備註] 欄位嘅 CSV，顯示首 10 行嘅預覽，並讓我喺儲存前確認。跳過冇電郵嘅行，並告訴我跳過咗幾多行。

修正提示

22. 清楚回報錯誤

當我 [喺編輯表單上按儲存] 時，會見到「[確切錯誤文字]」，而更改冇被儲存。預期結果：更改會被儲存，並返回清單。請找出原因，用一兩句話解釋，然後修正。

23. 停止反覆修正嘅循環

我哋已經試過修正三次，但仍然失敗。停止更改程式碼。列出三個最可能嘅原因、如何逐一檢查，以及你認為係邊一個。

24. 撤銷附帶影響

你上一次更改修好咗日期選擇器，但 [側邊欄] 消失咗。請將側邊欄完全恢復原狀，並保留日期選擇器嘅修正。

25. 更改前先解釋

請逐步解釋 [結帳總額] 而家係點樣計算嘅，並指出涉及嘅檔案。唔好更改任何嘢。

測試同檢視提示

26. 邊緣情況

列出 10 種真實用戶可能弄壞 [預約表單] 嘅方式：空白欄位、非常長嘅文字、重複點擊、兩人同時操作、錯誤時區。逐一測試並修正失敗嘅部分。匯報你改咗咩。

27. 總結近期更改

用平白語言總結你喺最近 [五] 個步驟中所做嘅每項更改，並標示任何可能影響現有資料嘅嘢。

安全提示

可以配合我哋嘅 vibe coding 安全嗎？ 頁面一齊使用。

28. 檢查資料存取

檢查伺服器程式碼：已登入嘅用戶可唔可以透過更改請求中嘅 ID，讀取或更改另一位用戶嘅 [紀錄]？請顯示喺邊度檢查存取權限，並修正任何漏洞。

29. 檢查外洩嘅 secrets

列出呢個應用程式使用嘅每一個 API 金鑰、密碼或權杖，以及每一項儲存喺邊度。確保佢哋都唔喺喺瀏覽器運行嘅程式碼入面，亦唔喺任何已提交嘅檔案入面。如果有，就將佢哋移到 secrets 內。

發布提示

30. 發布前檢查

我即將正式發布俾真實用戶使用。請以審閱人身份逐項檢查：損壞嘅連結、缺少嘅頁面標題同描述、冇驗證嘅表單、慢速頁面、主控台錯誤，以及喺手機上睇落似未完成嘅嘢。按重要性列出清單，然後修正首五項。

應避免嘅提示

有啲提示會穩定地產生較差嘅結果：

• 「令佢更好。」 更好喺邊方面？請指明畫面同更改內容。
• 「修好所有嘢。」 AI 會改動大量嘢，你會唔知道邊啲嘢變咗。
• 「使用 [函式庫] 同 [框架] 同 [模式]。」 除非你有特定理由，否則描述行為，並讓工具揀選技術棧。
• 「呢個係我嘅 API 金鑰：……」 永遠唔好喺對話中貼上 secrets。請用工具嘅 secret 設定。
• 一則訊息中有十項功能。 請將佢哋分開。

將提示變成習慣

做過幾個專案之後，你會擁有自己版本嘅呢啲提示。將佢哋記錄喺筆記中，並重用行之有效嘅。Mythex 亦會跨專案記住你係邊個，以及你嘅工作方式，所以你重複使用嘅偏好，例如慣用嘅風格或技術棧，會自動沿用，唔使再次輸入。

如果你喺首個提示上卡住，免費嘅 應用程式提示生成器 可以將一句話嘅構思，轉換成更完整嘅起步提示。要睇呢啲提示實際能產生咩結果，可以閱讀我哋嘅 vibe coding 例子，或者將提示 1 貼到 AI 應用程式建構工具，並將方括號換成你自己嘅構思。

常見問題