Claude Design 系統提示詞曝光！Anthropic 9 條「審美黑名單」，專治 AI 味設計
整理版優先睇
Claude Design 系統提示詞開源，Anthropic 用 9 條規則專治 AI 味設計
呢篇文章係由 AI 產品經理木易整理，講最近 Claude Design（Anthropic 嘅 AI 設計工具）嘅完整系統提示詞畀人提取咗出嚟，仲開源咗上 GitHub。作者想帶出呢套提示詞點樣定義 AI 做設計嘅角色、點樣用「AI 味檢測器」踢走千篇一律嘅視覺套路，同埋點樣透過「五問測試」確保每個元素都有價值。
Claude Design 本身係一個可以喺 Claude 網頁或桌面客戶端直接用嘅工具，左邊傾偈右邊畫布，輸出唔係圖片，係真實嘅 HTML、CSS 同 React 組件，可以互動同部署。開源嘅提示詞總共有 20 個章節同 14 套技能流程，最搶眼嘅係 Anthropic 將自己 AI 最常用嘅審美風格都寫咗入黑名單，例如漸變色、Emoji 裝飾、Inter 字體、圓角卡片加左邊豎條，仲有佢哋自己預設嘅暖色調米白背景。
整體結論係：呢套提示詞嘅參考價值好高，就算唔用 Claude Design，都可以拎去餵畀任何支援系統提示詞嘅 AI。佢唔單止教 AI 點樣做設計，仲教 AI 點樣思考——先搞清楚設計上下文，再提供幾個視覺方向畀用戶揀，最後先落手做。作者話呢套提示詞係 MIT 授權開源，任何人都可以攞去用。
- Claude Design 嘅系統提示詞被開源，包含 20 章節同 14 技能，完整定義 AI 設計師嘅角色同工作流程。
- Anthropic 提出 9 條「AI 味檢測器」規則，專門踢走漸變色、Emoji、Inter 字體、左邊豎條等常見視覺套路。
- 角色定義係「你係一個恰好會用代碼嘅設計師，唔係一個恰好做設計嘅代碼生成器」，強調設計思維優先。
- 五問測試要求每個元素都要回答：用戶關心嗎？推動敍事嗎？去掉看得明嗎？有更簡潔方式嗎？服務用戶定設計師？。
- 呢套提示詞 MIT 開源，可以 apply 去任何支援 system prompt 嘅 AI，係一個高質素嘅 AI 設計工作流程參考。
Claude Design 系統提示詞開源項目
包含完整 20 章節、14 技能流程，同埋 9 條 AI 味檢測規則，MIT 授權。
角色定義：設計師先於代碼
提示詞開頭第一句就定咗個調：「你唔係一個恰好做設計嘅代碼生成器，而係一個恰好會用代碼嘅設計師。」呢段角色定義仲列出三條對比，睇得出 Anthropic 要 AI 企喺設計師角度諗嘢。
- 代碼生成器會用「睇起嚟合理」嘅內容填充頁面；設計師會問「呢個頁面做咩？讀者先睇咩？有咩可以 cut？」
- 代碼生成器複製最新趨勢；設計師揀定一套體系貫徹到低。
- 代碼生成器對每個需求都話好；設計師會喺新功能損害整體設計質素時推倒重來。
9 條黑名單：專打 AI 味設計
Anthropic 整咗個叫 ai-slop-check 嘅技能，slop 係形容 AI 生成嗰啲一式一樣嘅垃圾。呢個檢測器有 9 條規則，每條都針對常見嘅 AI 視覺套路。
- 1 漸變色：默認唔用，除非品牌指引話要用。
- 2 Emoji 裝飾：默認唔加，除非係互動圖標。
- 3 卡片左邊豎條：除非係提醒或警告，否則見到就換。
- 4 字體隨手用 Inter 或 Roboto：標記為可疑。
- 5 純白背景配純黑文字：太生硬，要避免。
- 6 間距唔係 4 或 8 嘅整數倍：全部標出來。
- 7 第 9 條：Claude 自己最愛用嘅暖色調米白背景加土橘色點綴，被定義為「當前默認模板風格」，同兩年前嘅紫色漸變一個性質。
五問測試：每個元素都要過五關
除咗黑名單，提示詞入面仲有一套「五問測試」，要求頁面上每個元素都要逐條審核：用戶關心嗎？推動咗敍事嗎？去掉之後頁面仲睇得明嗎？有更簡潔嘅方式嗎？服務嘅係用戶定係設計師？
呢五個問題任何一條唔通過，嗰個元素就唔應該出現。呢個方法幫 AI 由「加嘢」轉向「減嘢」，減少視覺噪音。
資訊不足係萬惡之源
提示詞反覆強調：糟糕設計嘅根源係資訊唔夠。動手之前一定要確認設計上下文——有冇品牌指南？有冇組件庫？有冇截圖？
如果乜都冇，唔可以憑空編一套視覺語言。AI 要先叫用戶揀三個形容詞描述想要嘅感覺，然後畀 4 個完全唔同嘅視覺方向，每個具體到色號同字體。揀完之後所有設計都係基於呢套體系，唔可以再隨手編新數值。
開源可重用，唔用 Claude Design 都用得
呢套提示詞係 MIT 授權，任何人都可以攞去用。作者木易提醒，就算你唔用 Claude Design，都可以將呢份提示詞投餵畀任何支援系統提示詞嘅 AI，直接提升設計輸出質素。
傳送門：https://github.com/Trystan-SA/claude-design-system-prompt。攞走唔使客氣。
Claude Design 嘅內部提示詞，俾網友扒咗出嚟仲開源咗。
總共有 20 個章節，14 套技能流程。
其中最有趣嘅，係 Anthropic 幫 Claude 寫咗一套「AI 味檢測器」。
9 條規則，專門檢測 Claude 嘅設計入面啲千篇一律嘅視覺套路。
漸變色、Emoji 裝飾、Inter 字體、圓角卡片加左邊豎條。
甚至連 Claude 而家最鍾意用嘅默認配色，都喺黑名單上面。
Claude Design，係 Anthropic 今年 4 月推出嘅 AI 設計工具。喺 Claude 網頁或者桌面客戶端入面可以直接用，左邊傾偈，右邊畫布，輸出嘅唔係圖片，係真實嘅 HTML、CSS 同 React 組件。可以㩒、互動、部署。
上線咗兩個幾月，有開發者將 Claude Design 完整嘅系統提示詞提取咗出嚟，整理成結構化文檔開源咗上 GitHub。
項目叫 claude-design-system-prompt採用 MIT 協議，任何人都可以拎嚟用。
傳送門：https://github.com/Trystan-SA/claude-design-system-prompt。
前一日睇呢個項目仲係 700 幾個星，而家已經突破咗 1200。
呢套提示詞入面，最值得睇嘅係 Anthropic 點樣定義「設計師」呢個角色。
提示詞開頭第一段就定咗基調。
「你唔係一個啱啱好做設計嘅代碼生成器。你係一個啱啱好識用代碼嘅設計師。」
然後列舉咗三條對比。
代碼生成器會用睇起嚟合理嘅內容填滿頁面。設計師會問，呢個頁面係做乜嘅，讀者先睇啲乜，邊啲嘢可以刪咗佢。
代碼生成器複製最新嘅趨勢。設計師揀定一套體系，貫徹到底。
代碼生成器對每個需求都話好。設計師會喺一個新增項目損害整體設計質量嘅時候，推倒重來。
14 個技能入面有一個叫 ai-slop-check。
Slop，專門形容 AI 生成嗰種千篇一律、一眼就睇出係 AI 味嘅產出。Anthropic 將呢個概念搬咗入設計領域。
9 條規則。
漸變色，預設唔用。Emoji 裝飾，預設唔加。卡片左邊嗰條豎線，除非用喺提醒或警告入面，檢測到就換咗佢。字體隨手用 Inter 或 Roboto，標記。純白背景配純黑文字，太生硬。間距唔係 4 或 8 嘅整數倍，全部標出嚟。
最狠嘅係第 9 條。
呢條規則檢測嘅，係 Claude 自己最鍾意用嘅默認審美。
你叫 Claude 隨便整個網頁，唔俾任何品牌要求，佢大概會整成咁：暖色調嘅米白背景，優雅偏正式嘅標題字體，配上土橘色嘅暖色點綴。整體睇起嚟似精品咖啡館嘅官網。
呢套風格做編輯類、酒店類、作品集類項目，冇問題。但 Claude 唔理你做嘅係後台管理系統定係金融產品，都預設往呢個方向行。Anthropic 官方將佢歸類為「當前默認嘅模板風格」，同兩年前周圍都係嘅紫色漸變一個性質。
你主動揀咗呢個方向，咁係審美。如果乜都冇指定，Claude 自己默認咁樣設計，就係 AI 味。
Anthropic 將自己 AI 最鍾意用嘅審美寫咗入黑名單。
Claude Design 提示詞入面仲寫咗一套「五問測試」。頁面上每一個元素，逐條審核。
「用戶關心嗎？推動咗敍事嗎？攞走之後頁面仲睇得明嗎？有冇更簡潔嘅方式？服務嘅係用戶定係設計師？」
呢五個問題，有一個審核唔通過就唔應該出現喺頁面上。
提示詞入面仲反覆提到一件事。糟糕設計嘅根源係資訊唔夠。
鬱手之前必須確認設計上下文。有冇品牌指南？有冇組件庫？有冇截圖？乜都冇，唔可以憑空編造一套視覺語言。
要先俾用戶揀三個形容詞嚟描述想要嘅感覺，然後畀出 4 個完全唔同嘅視覺方向，每個具體到色號同字體。揀完之後所有設計都基於呢套體系，唔可以再隨手編新數值。
有開發者質疑呢套提示詞嘅真實性，認為可能係 AI 重新生成嘅，唔係從 Claude Design 入面直接提取。亦有網友話，Claude Design 嘅提示詞打包喺前端代碼入面，打開瀏覽器開發者工具就睇到，驗證唔難。
但無論係逐字扒出嚟嘅定係整理過嘅，呢份提示詞嘅參考價值係實打實嘅。
20 個章節，從角色定義到交付規範。14 個技能，從需求提問到最終打磨。將 AI 點樣做設計呢件事，從頭講到尾。
你唔用 Claude Design 都冇所謂。呢套提示詞 MIT 開源，可以餵俾任何支援系統提示詞嘅 AI。
傳送門：https://github.com/Trystan-SA/claude-design-system-prompt。
拎走，唔該。
我係木易，Top2 + 美國 Top10 CS 碩士，而家係 AI 產品經理。
關注「AI信息Gap」，令 AI 成為你嘅外掛。
Claude Design 的內部提示詞，被網友扒出來並且開源了。
一共有 20 個章節，14 套技能流程。
其中最有意思的，是 Anthropic 給 Claude 寫了一套「AI 味檢測器」。
9 條規則，專門檢測 Claude 的設計裏那些千篇一律的視覺套路。
漸變色、Emoji 裝飾、Inter 字體、圓角卡片加左邊豎條。
甚至連 Claude 當前最愛用的默認配色，都在黑名單上。
Claude Design，Anthropic 今年 4 月推出的 AI 設計工具。在 Claude 網頁或者桌面客戶端裏可以直接用，左邊聊天，右邊畫布，輸出的不是圖片，是真實的 HTML、CSS 和 React 組件。可以點擊、交互、部署。
上線兩個多月，有開發者把 Claude Design 完整的系統提示詞提取了出來，整理成結構化文檔開源到了 GitHub。
項目叫 claude-design-system-prompt，MIT 協議，任何人都可以拿來用。
傳送門：https://github.com/Trystan-SA/claude-design-system-prompt。
前一天看這個項目還是 700 多星，現在已突破 1200。
這套提示詞裏，最值得看的是 Anthropic 怎麼定義「設計師」這個角色。
提示詞開頭第一段就定下了基調。
「你不是一個恰好做設計的代碼生成器。你是一個恰好會用代碼的設計師。」
然後列舉了三條對比。
代碼生成器會用看起來合理的內容填充頁面。設計師會問，這個頁面是幹嘛的，讀者先看什麼，哪些東西可以砍掉。
代碼生成器複製最新的趨勢。設計師選定一套體系，貫徹到底。
代碼生成器對每個需求都說好。設計師會在一個新增項損害整體設計質量時，推倒重來。
14 個技能裏有一個叫 ai-slop-check。
Slop，專門形容 AI 生成的那種千篇一律、一眼 AI 味拉滿的產出物。Anthropic 把這個概念搬進了設計領域。
9 條規則。
漸變色，默認不用。Emoji 裝飾，默認不加。卡片左邊那個豎條，除非用在提醒或警告裏，檢測到就替換。字體隨手用 Inter 或 Roboto，標記。純白背景配純黑文字，太生硬。間距不是 4 或 8 的整數倍，全部標出來。
最狠的是第 9 條。
這條規則檢測的，是 Claude 自己最愛用的默認審美。
你讓 Claude 隨便做個網頁，不給任何品牌要求，它大概率會做成這樣：暖色調的米白背景，優雅偏正式的標題字體，配上土橘色的暖色點綴。整體看着像精品咖啡館的官網。
這套風格做編輯類、酒店類、作品集類項目，沒問題。但 Claude 不管你做的是後台管理系統還是金融產品，都默認往這個方向靠。Anthropic 官方把它歸為「當前默認的模板風格」，和兩年前滿大街的紫色漸變一個性質。
你主動選了這個方向，那是審美。如果什麼都沒指定，Claude 自己默認這樣設計，那就是 AI 味。
Anthropic 把自家 AI 最愛用的審美寫進了黑名單。
Claude Design 提示詞裏還寫了一套「五問測試」。頁面上每一個元素，逐條審核。
「用戶關心嗎？推動了敍事嗎？去掉之後頁面還看得懂嗎？有更簡潔的方式嗎？服務的是用戶還是設計師？」
這五個問題，一個審核不通過就不應該出現在頁面上。
提示詞裏還反覆提到一件事。糟糕設計的根源是信息不夠。
動手之前必須確認設計上下文。有沒有品牌指南？有沒有組件庫？有沒有截圖？什麼都沒有，不能憑空編造一套視覺語言。
得先讓用戶選三個形容詞描述想要的感覺，然後給出 4 個完全不同的視覺方向，每個具體到色號和字體。選完之後所有設計都基於這套體系，不能再隨手編新數值。
有開發者質疑這套提示詞的真實性，認為可能是 AI 重新生成的，並非從 Claude Design 裏直接提取。也有網友說，Claude Design 的提示詞打包在前端代碼裏，打開瀏覽器開發者工具就能看到，驗證並不難。
但不管是逐字扒出來的還是整理過後的，這份提示詞的參考價值是實打實的。
20 個章節，從角色定義到交付規範。14 個技能，從需求提問到最終打磨。把 AI 怎麼做設計這件事，從頭講到了尾。
你不用 Claude Design 也沒關係。這套提示詞 MIT 開源，可以投餵給任何支持系統提示詞的 AI。
傳送門：https://github.com/Trystan-SA/claude-design-system-prompt。
拿走不謝。
我是木易，Top2 + 美國 Top10 CS 碩，現在是 AI 產品經理。
關注「AI信息Gap」，讓 AI 成為你的外掛。