VIBE CODING 氛圍編程 | PART 2
提示詞 (Prompt) 就是你與 AI 溝通的語言。學會寫好的提示詞，就能讓 AI 成為你最強大的開發夥伴。
掌握撰寫有效提示詞的三大原則
透過好壞範例對比，理解差異
角色扮演、範例驅動、限制條件
如何根據回應持續調整提示詞
「幫我做一個網站」
❌ AI 不知道：
「建立一個待辦事項管理網站，使用者可以新增、編輯、刪除任務，並標記完成狀態，資料儲存在瀏覽器的 localStorage 中」
✅ AI 清楚知道：
當你向 AI 描述需求時，越具體越好。
| ❌ 不好的寫法 | ✅ 好的寫法 |
|---|---|
| 「做一個登入功能」 | 「建立一個登入頁面，包含帳號密碼輸入框、登入按鈕，驗證失敗時顯示錯誤訊息」 |
| 「幫我處理資料」 | 「讀取 CSV 檔案，過濾出銷售額大於 1000 的資料，並按日期排序」 |
| 「做個聊天機器人」 | 「建立一個 LINE 聊天機器人，能回答數學問題並提供解題步驟」 |
告訴 AI 這個應用的使用情境、目標使用者、預期效果，能幫助它做出更適合的技術決策。
「這個網站主要給國小學生使用，所以介面要簡單直觀，按鈕要大一點，配色要活潑鮮豔」
在什麼場景下使用？
誰會使用這個系統？
希望達成什麼目標？
複雜的專案應該拆解為多個小步驟，逐步與 AI 對話完成。
❌ 不要這樣：「幫我建立一個包含會員系統、購物車、訂單管理、金流整合的電商網站」
✅ 應該這樣：分階段進行
這種漸進式的開發方式，不僅讓過程更可控，也方便除錯和調整。
「我想建立一個 AI 文章摘要工具，請協助我實現以下功能：
前端：使用簡單的 HTML 和 JavaScript，提供一個文字輸入區域讓使用者貼上長篇文章，以及一個『生成摘要』按鈕。
後端：點擊按鈕後，將文章內容傳送到後端 Python Flask API。
AI 整合：後端接收文章內容後，調用 OpenAI 的 GPT-4 API 進行摘要，摘要長度控制在 150 字以內，重點放在文章的主要論點和結論。
開發順序：請先提供後端 Flask 的程式碼，包含 API 端點的設計和 OpenAI API 的串接方式。」
輸入文章 → 生成摘要
HTML、JavaScript、Python Flask、OpenAI API
摘要長度 150 字、聚焦論點和結論
先後端再前端，有明確步驟
結論：AI 收到這樣的提示詞，就能產出精確符合需求的程式碼！
要求 AI 以特定角色的視角來協助你，能獲得更專業的回應。
「請以資深全端工程師的角度，協助我設計這個電商系統的架構，考慮到可擴展性和安全性」
「請以UI/UX 設計師的角度，評估這個介面設計，並提出改進建議」
效果：AI 會更注重專業的技術選擇和最佳實踐
如果你想建立的功能類似於某個知名應用，可以直接參照。
「類似於 Notion 的區塊編輯功能，我想實作一個可以拖放排序的內容編輯器」
「這是我現有的登入功能程式碼，請幫我加入 Google OAuth 整合」
優點：這比你自己描述所有細節要清楚得多，AI 能快速理解你的期望
「請使用 Python 3.10 以上版本，避免使用已棄用的套件，並確保程式碼可以在 Windows 環境執行」
避免 AI 使用不適合的技術
「請以 Markdown 格式輸出，包含程式碼區塊和詳細的說明文字，每個步驟都要有註解」
讓回應更容易閱讀和使用
撰寫提示詞是一個迭代的過程。第一次不完美很正常！
提供基本需求描述
檢查 AI 產出的結果
說明哪裡需要調整
逐步完善直到滿意
「剛才的程式碼在處理中文字元時會出現亂碼，請修改為支援 UTF-8 編碼」
「介面看起來太擁擠，請增加元素之間的間距，並使用更柔和的配色」
明確具體、提供脈絡、循序漸進
角色扮演、範例驅動、限制條件
觀察回應 → 提供回饋 → 持續改進
不怕失敗，透過對話逐步完善
下一單元：實用工具 - Vibe Coding 捕夢網 & OpenAI Playground