我把 Claude Design 偷師成 8 句提示詞，設計高級網站必備！
整理版優先睇
用 8 句「不準清單」約束 AI 設計，擺脱平庸嘅 AI slop
呢篇文章主要講點樣用 Claude Design 嘅思路，透過 8 句「不準清單」提示詞，令 AI 生成嘅網站設計跳出平庸。作者指出，AI 建站工具雖然做到 63 億美元市場，但結果係全世界網站都長得一模一樣——Inter 字體、紫藍漸變、16px 圓角卡片。呢個現象叫 mode collapse，即係模型永遠揀最安全嘅答案，唔揀最特別嘅。
Anthropic 自家設計工具 Claude Design 嘅破解方法，唔係用更聰明嘅模型，而係強迫你先寫一份「不準清單」。官方話：「你設計系統裏面嘅沉默，就係 Claude 嘅默認值。」作者順住呢個方向，內化總結咗 8 句提示詞，全部係教 AI「唔準做乜」，例如禁用 Inter、顏色唔超過三種、留白要夠、每屏只有一個主角。
結論好清晰：AI 嘅價值唔在於你叫佢做咗啲乜，而係你攔住佢冇做啲乜。呢 8 句「不準」拼埋一齊，就係你品味嘅最小可執行版本。下次打開對話框，先諗好你嘅「不準」，畀 AI 嘅唔係需求，而係約束。
- AI 設計默認揀最安全模式，導致 mode collapse 同 AI slop，全世界網站越嚟越似。
- 字體限制：指定具體字體，禁用 Inter，一句「禁用 Inter」就可以去掉大半 AI 泔水味。
- 顏色限制：主色唔超過三種，強調色只可以用喺唯一主按鈕，避免視覺混亂。
- 留白係內容，唔好為填滿而加元素；每屏只有一個主角，其餘全部弱化。
- 先定義設計系統（色值、字體、間距、圓角）再寫組件，之後複用唔準新增；先做可交互原型，按用戶任務流程組織資訊。
設計約束 · 粘貼進 AI 上下文
1. 字體≤2種，指定具體字體，禁用 Inter 2. 主色≤3（主/輔/強調各一），強調色只用於唯一主按鈕 3. 留白是內容，不為填滿而加元素，間距給足 4. 整屏只有一個主行動突出，其餘一律弱化 5. 先給可交互原型，不做靜態稿，流程跑通優先 6. 先定義設計系統（色/字/間距/圓角）再寫第一個組件，之後複用不新增 7. 先做能發佈的最小版本，"完美"項列清單暫不動 8. 按用戶任務流程組織信息，不按後台數據結構
AI 設計嘅平庸陷阱
我哋用 AI 設計網站時，成日覺得 AI 唔夠靚。事實上，AI 見過嘅好設計比你呢世人見過嘅都多，但佢默認會揀最安全嗰個——即係最平庸嗰個。所以你而家見到成個互聯網都係同一種視覺：Inter 字體、紫藍漸變、16px 圓角卡片。英文世界有個詞專門鬧佢，叫 AI slop。學術啲講，呢個叫 mode collapse：模型永遠揀「最可能」，唔揀「最特別」。
AI 建站工具今年做到 63 億美元嘅盤子，結果係網站越長越似。Anthropic 自己嘅設計工具 Claude Design，破法唔在於更聰明嘅模型，而在於逼你先寫一份 「不準清單」。官方原話：「你設計系統裏面嘅沉默，就係 Claude 嘅默認值。」順住呢個思路，我內化總結咗 8 句——有 Claude Design 自己強調嘅，亦有設計圈嘅老規矩。唔使識設計，抄入對話框就得。
8 句「不準」提示詞詳解
① 慎選字體。AI 嘅默認字體係 Inter，因為訓練數據裏面最多。你唔指定，佢就畀你呢張大眾臉。❌「幫我做個好靚嘅 landing page」✅「正文思源宋體，標題一款幾何無襯線，全文唔超過 2 種字體，禁用 Inter。」就「禁用 Inter」四個字，AI 泔水味先去一半。
② 超過三色，等於冇顏色。顏色一多，重點就冇咗。三種以內，AI 先分得清應該令邊個喊、邊個收聲。❌「配色豐富啲，活潑啲」✅「主色、輔助色、強調色各一個，多嘅全部砍。強調色只准用喺唯一嗰個按鈕上。」
③ 留白係音符之間嘅靜默。新手怕空，AI 更加怕——你唔攔住，佢就會將屏幕填滿。但留白唔係浪費，係畀眼睛唞氣嘅地方。❌「呢度有啲空，加啲嘢」✅「留白係內容，唔準為填滿而加元素。模塊間距畀足，寧可空住。」
④ 每個像素都在搶注意力，而大多數應該輸。一屏只能有一個主角，其餘全部要讓路。❌「每個按鈕都醒目啲」✅「整屏只有一個主行動用強調色，其餘按鈕全部弱化。邊個都突出，就係邊個都唔突出。」
⑤ 冇人點嘅原型，只係一張畫。你要嘅係產品，唔係截圖。能點擊跳轉嘅半成品勝過精修嘅靜態圖。❌「先設計幾個頁面睇下」✅「先畀可交互原型，唔好做靜態稿。流程跑通，優先於好睇。」
⑥ 最好嘅設計系統，冇人會注意到。Claude Design 核心就一句：寫第一個組件之前，先定義設計系統。色值、字體、間距、圓角，先立好規矩。❌「上嚟就做個 dashboard」✅「先出一份設計系統：色值+字體+間距+圓角，定死。之後每頁複用，唔準臨時新增。」
⑦ 完成嘅最快方式，係發出去。AI 可以陪你無限打磨，磨到第 20 版你已經唔記得佢本來應該上線。❌「再優化優化，仲未夠完美」✅「先做能發佈嘅最小版本，『以後再講』嘅列個清單，而家一律唔準鬱。」
⑧ 用戶嘅心智模型，先係唯一嘅規格。AI 默認按自己嘅邏輯擺資訊——按數據庫結構、按技術模塊。但用戶個腦唔係咁樣。❌「按功能模塊分嚇頁面」✅「按用戶腦入面嘅任務流程組織，唔按後台結構。揾一樣嘢，最多兩下點到。」
設計嘅核心係約束
AI 將「做得出來」嘅成本打到零。於是，你嘅價值唔在你令佢做咗啲乜，而喺你攔住佢冇做啲乜。呢 8 句「不準」拼埋一齊，就係你品味嘅最小可執行版本。你返轉頭睇——冇一句係教 AI 點做，全部都係話唔準做乜。
【設計約束 · 粘貼進 AI 上下文】
做任何視覺/頁面前遵守，缺省即默認平庸：
1. 字體≤2種，指定具體字體，禁用 Inter
2. 主色≤3（主/輔/強調各一），強調色只用於唯一主按鈕
3. 留白是內容，不為填滿而加元素，間距給足
4. 整屏只有一個主行動突出，其餘一律弱化
5. 先給可交互原型，不做靜態稿，流程跑通優先
6. 先定義設計系統（色/字/間距/圓角）再寫第一個組件，之後複用不新增
7. 先做能發佈的最小版本，"完美"項列清單暫不動
8. 按用戶任務流程組織信息，不按後台數據結構我哋用 AI 設計網站嘅時候，會將 AI 調教到更加識得審美。佢見過嘅靚設計，比成世見過嘅仲要多。佢唔係唔識，而係預設揀最穩陣嗰個——即係最平庸嗰個。
所以而家成個網絡都係同一種視覺：Inter 字體、紫藍漸變、16px 圓角卡片。英文世界有個專用詞鬧佢，叫 AI slop。
學術少少講就係 mode collapse：模型永遠揀「最可能」，唔揀「最特別」。AI 建站工具今年做到 63 億美元嘅規模，結果就係網站越嚟越似樣。
Anthropic 自己嘅設計工具 Claude Design，破解方法唔在於更聰明嘅模型，而係逼你先寫一份「唔準清單」。官方原話：你設計系統裏面嘅沉默，就係 Claude 嘅預設值。
順住呢個思路，我內化咗總結出 8 句——有 Claude Design 自己強調嘅，亦有設計圈嘅老規矩。唔需要識設計，抄入對話框就得。
效果如下（提示詞喺文尾）：
01慎選字體
AI 嘅預設字體係 Inter。唔係因為佢最好，而係訓練數據入面佢最多。你唔指定，佢就掉畀你呢張大眾面。
❌「幫我做個好靚嘅落地頁」 ✅「正文用思源宋體，標題一款幾何無襯線，全文唔超過 2 種字體，禁用 Inter。」
就「禁用 Inter」四個字，AI 嘅泔水味先去咗一半。
02超過三種色，等於冇顏色
顏色一多，重點就冇咗。三種以內，AI 先分得清應該讓邊個叫、讓邊個收聲。
❌「配色豐富啲，活潑啲」 ✅「主色、輔助色、強調色各一個，多嘅全部砍掉。強調色只可以用喺唯一嗰個掣上面。」
03留白係音符之間嘅靜默
新手怕空。AI 更加怕——你唔攔住，佢就會將屏幕填滿。但留白唔係浪費，係俾對眼唞氣嘅地方。
❌「呢度有啲空，加啲嘢」 ✅「留白係內容，唔準為咗填滿而加元素。模塊間距俾夠，寧願空住。」
04每個像素都喺度搶注意力，而大多數，應該輸
一屏只能得一個主角。其餘所有元素，都要俾佢讓路。
❌「每個掣都醒目啲」 ✅「整屏只有一個主行動上強調色，其餘按鈕全部弱化。個個都突出，就係個個都唔突出。」
05冇人㩒嘅原型，只係一張畫
你要嘅係產品，唔係截圖。可以㩒、可以運行嘅半成品，好過精修嘅靜態圖。
❌「先設計幾個頁面睇下」 ✅「先俾可以點擊跳轉嘅可交互原型，唔好做靜態稿。流程行得通，優先於好睇。」
06最好嘅設計系統，冇人會留意到
Claude Design 嘅核心就一句：寫第一個組件之前，先定義設計系統。色值、字體、間距、圓角，先立好規矩。
❌ 一嚟就「做個 dashboard」 ✅「先出一份設計系統：色值+字體+間距+圓角，定死。之後每頁重用，唔準臨時新加。」
07完成得最快嘅方法，係發出去
AI 可以陪你不斷打磨。磨到第 20 版，你已經忘記咗佢原本應該上線。
❌「再優化下，仲未夠完美」 ✅「先做可以發佈嘅最小版本，『以後再講』嘅列個清單，而家一律唔鬱。」
08用戶嘅心智模型，先係唯一嘅規格
AI 預設按照佢自己嘅邏輯擺信息——按數據庫結構、按技術模塊。用戶個腦唔係咁樣。
❌「按功能模塊分一下頁面」 ✅「按用戶腦入面嘅任務流程組織，唔按後台結構。揾一樣嘢，最多兩下㩒到。」
09
AI 將「做得出來」嘅成本，打到咗零。
於是你嘅價值，唔在於你叫佢做咗啲乜，而在於你攔住佢冇做啲乜。
呢 8 句「唔準」，拼埋一齊，就係你品味嘅最小可執行版本。你返轉頭睇——冇一句係教 AI 點樣做，全部都係話唔好做啲乜。減法，正正係 AI 最唔識、最應該你親手接管嘅嗰部分。
識用 AI 嘅人，俾嘅唔係需求，係約束。
下次打開對話框，先諗好你嘅「唔準」。
📋 8 句約束 · 複製即用
【設計約束 · 粘貼進 AI 上下文】
做任何視覺/頁面前遵守，缺省即默認平庸：。
1. 字體≤2種，指定具體字體，禁用 Inter
2. 主色≤3（主/輔/強調各一），強調色只用於唯一主按鈕
3. 留白是內容，不為填滿而加元素，間距給足
4. 整屏只有一個主行動突出，其餘一律弱化
5. 先給可交互原型，不做靜態稿，流程跑通優先
6. 先定義設計系統（色/字/間距/圓角）再寫第一個組件，之後複用不新增
7. 先做能發佈的最小版本，"完美"項列清單暫不動
8. 按用戶任務流程組織信息，不按後台數據結構
周知 · 我哋一齊同 AI 覺醒超級個體
我們在用 AI 設計網站時，把 AI 調教得更懂審美。它見過的好設計，比你這輩子見過的都多。它不是不懂，是默認挑最安全的那個——也就是最平庸的那個。
所以今天滿網都是同一種視覺：Inter 字體、紫藍漸變、16px 圓角卡片。英文世界有個詞專門罵它，叫 AI slop。
學術一點叫 mode collapse：模型永遠選"最可能"，不選"最特別"。AI 建站工具今年做成 63 億美元的盤子，結果是網站越長越像。
Anthropic 自己的設計工具 Claude Design，破法不在更聰明的模型，在逼你先寫一份"不準清單"。官方原話：你設計系統裏的沉默，就是 Claude 的默認值。
順着這個思路，我內化總結了 8 句——有 Claude Design 自己強調的，也有設計圈的老規矩。不用懂設計，抄進對話框就行。
效果如下（提示詞再文尾）：
01慎選字體
AI 的默認字體是 Inter。不因為它最好，因為訓練數據裏它最多。你不指定，它就甩給你這張大眾臉。
❌ "幫我做個好看的落地頁" ✅ "正文思源宋體，標題一款幾何無襯線，全文不超過 2 種字體，禁用 Inter。"
就"禁用 Inter"四個字，AI 泔水味先去一半。
02超過三色，等於沒有顏色
顏色一多，重點就沒了。三種以內，AI 才分得清該讓誰喊、讓誰閉嘴。
❌ "配色豐富點，活潑些" ✅ "主色、輔助色、強調色各一個，多的全砍。強調色只許用在唯一那個按鈕上。"
03留白是音符之間的靜默
新手怕空。AI 更怕——你不攔，它就把屏幕填滿。可留白不是浪費，是讓眼睛喘氣的地方。
❌ "這兒有點空，加點東西" ✅ "留白是內容，不準為填滿而加元素。模塊間距給足，寧可空着。"
04每個像素都在搶注意力，而大多數，該輸
一屏只能有一個主角。其餘所有元素，都得給它讓路。
❌ "每個按鈕都醒目一點" ✅ "整屏只有一個主行動上強調色，其餘按鈕全部弱化。誰都突出，就是誰都不突出。"
05沒人點的原型，只是一張畫
你要的是產品，不是截圖。能點、能跑的半成品，勝過精修的靜態圖。
❌ "先設計幾個頁面看看" ✅ "先給能點擊跳轉的可交互原型，別做靜態稿。流程跑通，優先於好看。"
06最好的設計系統，沒人會注意到
Claude Design 的核心就一句：寫第一個組件之前，先定義設計系統。色值、字體、間距、圓角，先立好規矩。
❌ 上來就"做個 dashboard" ✅ "先出一份設計系統：色值+字體+間距+圓角，定死。之後每頁複用，不準臨時新增。"
07完成的最快方式，是發出去
AI 能陪你無限打磨。磨到第 20 版，你已經忘了它本該上線。
❌ "再優化優化，還不夠完美" ✅ "先做能發佈的最小版本，'以後再說'的列個清單，現在一律不動。"
08用戶的心智模型，才是唯一的規格
AI 默認按它自己的邏輯擺信息——按數據庫結構、按技術模塊。用戶腦子裏不長這樣。
❌ "按功能模塊分一下頁面" ✅ "按用戶腦子裏的任務流程組織，不按後台結構。找一樣東西，最多兩下點到。"
09
AI 把"做得出來"的成本，打到了零。
於是你的價值，不在你讓它做了什麼，在你攔住它沒做什麼。
這 8 句"不準"，拼起來，就是你品味的最小可執行版本。你回頭看——沒有一句在教 AI 怎麼做，全是在說別做什麼。減法，恰恰是 AI 最不會、最該你親自接管的那部分。
會用 AI 的人，給的不是需求，是約束。
下次打開對話框，先想好你的"不準"。
📋 8 句約束 · 複製即用
【設計約束 · 粘貼進 AI 上下文】
做任何視覺/頁面前遵守，缺省即默認平庸：。
1. 字體≤2種，指定具體字體，禁用 Inter
2. 主色≤3（主/輔/強調各一），強調色只用於唯一主按鈕
3. 留白是內容，不為填滿而加元素，間距給足
4. 整屏只有一個主行動突出，其餘一律弱化
5. 先給可交互原型，不做靜態稿，流程跑通優先
6. 先定義設計系統（色/字/間距/圓角）再寫第一個組件，之後複用不新增
7. 先做能發佈的最小版本，"完美"項列清單暫不動
8. 按用戶任務流程組織信息，不按後台數據結構
周知 · 我們一起和 AI 覺醒超級個體