上一節你跑了第一句咒語，可能會覺得「咦，居然這麼好用」——但也很容易第二次就翻車。
原因不是 AI 變笨，是你以為它記得你說過什麼。
這節要給你一個結構化的公式，從此每次下指令都能穩定產出。
公式
角色 ＋ 任務目標 ＋ 參考風格／限制條件
少一塊都會明顯掉品質。下面用設計師熟悉的場景拆給你看。
爛 Prompt vs 好 Prompt
| 爛（少了角色 + 限制） | 好（三塊都齊） |
|---|---|
| 「幫我改按鈕」 | [角色] 頂尖前端工程師。 [任務] 把按鈕改成 Apple 官網風格。 [限制] 圓角 12px、微陰影、hover 時字體平滑放大 5%。 |
| 「做一個 hero」 | [角色] UI/UX 前端工程師。 [任務] 做一個 hero 區，左標題右插圖。 [限制] 標題 64px、配色像 Linear、響應式手機改成上下排。 |
| 「重構這頁」 | [角色] 程式碼重構專家。 [任務] 把這頁拆成獨立組件。 [限制] 外觀完全不變，每組件職責回報給我。 |
為什麼「爛」會出事
AI 不會挑毛病——它收到模糊指令會「自己想一個合理版本」。問題是它想的那個版本可能不是你要的，於是你會花更多時間在改。好的 Prompt 是省自己時間，不是禮貌。
三塊積木深入
1. 角色（Role）：幫 AI 戴上一頂帽子
不是「禮貌」，是鎖定它的回答風格：
| 角色設定 | 它會給你什麼風格的回答 |
|---|---|
| 「頂尖前端工程師」 | 乾淨、可維護的程式碼 |
| 「UX 顧問」 | 流程與互動建議，不是程式 |
| 「程式碼重構專家」 | 不會擅自加新功能，只重構 |
| 「品牌策略師」 | 給的是 brand voice，不是技術實作 |
設計師類比：就像找廠商時你會說「我要找一個專做潮牌的攝影師」——這一句話就把整個風格鎖定了。
2. 任務目標（Task）：一句話講清楚要做什麼
| 模糊 | 清楚 |
|---|---|
| 「改一下這頁」 | 「把這頁的英雄區改成大標題置中、按鈕放下面」 |
| 「做個 about 頁」 | 「做一個 about 頁，左圖右字，三段自我介紹」 |
| 「優化效能」 | 「把首頁圖片改成 lazy load，hero 圖換成 webp」 |
訣竅：用「動詞 + 對象 + 結果」的結構。
3. 限制條件（Constraint）：設計師的主場
這塊就是你跟工程師相比的結構性優勢——你早就習慣給尺寸、顏色、互動細節：
- 空間：圓角 12px、間距 24px、最大寬度 1200px
- 色彩：配色像 Linear、主色
#7C3AED、深色模式 - 互動：hover 平滑放大 5%、過渡 200ms、按下回彈
- 斷點：768px 以下手機版改成上下排
越具體越穩。怕你給太多，不要怕給太少。
三個現成範本（複製即可）
不用記公式，直接拿這三個套：
你現在是頂尖 UI/UX 前端工程師。
把目前卡片元件改成 Notion 那種柔和風格。
加上淡淡的 border 與 hover 時微浮起的互動效果。
border-radius 12px、陰影輕、動畫 200ms。
你現在是前端工程師。
幫我在首頁加一個切換日夜模式的按鈕，按鈕用月亮 / 太陽 icon。
切換時整體顏色要平滑過渡 300ms，背景色要用質感的深色。
桌面版按鈕放在右上角，手機版收到漢堡選單。
你現在是程式碼重構專家。
請用 @file 讀取這個檔案，把它拆成更好維護的小組件。
外觀與視覺層次要完全保持不變，不要新增功能。
拆完後告訴我每個組件的職責是什麼。
把這三個放在你的 Notion / 備忘錄裡，平時直接複製改名字就好。
檢查
動手把這 3 個爛 Prompt 改寫
每勾一個前，先在腦中（或記事本）寫出三塊積木版本——確認自己真的會了，再勾起來。
登入後可勾選保存進度。
讀取上次狀態…
反思
把你最近一句「想對 AI 說的話」用三塊積木重寫一次。
原本可能是「幫我做個 hero」。改成：[角色] 頂尖前端 + [任務] 做一個 hero 區，左側標題右側插圖 + [限制] 標題 64px、配色像 Linear、響應式手機改成上下排。
登入後即可寫下你的反思（自動儲存）。在這個 lesson 寫下的任何文字 僅你自己看得到。