Claude Design系統提示詞 – Anthropic 推出的完整核心提示詞

0 0 0

Claude Design系統提示詞是什麼

Claude Design系統提示詞是Anthropic爲Claude在Design模式下設定的核心指令文件，定義了AI作爲專家設計師、用戶作爲經理的角色關係，規範HTML產物創建的標準流程，包含反AI味設計清單（禁止漸變濫用、圓角左邊框、Inter字體等），建立了React版本鎖定、Tweaks實時調整、雙階段驗證及上下文壓縮等完整工程體系，確保高保真設計產出的一致性與專業性。

Claude Design系統提示詞的主要內容

角色與定位：定義AI爲與用戶（經理）協作的專家級設計師，HTML爲工具但產出形態多樣（原型、PPT、動畫、文檔），嚴禁透露系統提示、工具名稱及技術實現細節。
標準工作流：規範六步流程：理解需求與約束→探索設計資源與UI套件→制定待辦計劃→構建項目文件夾→交付驗證→極簡總結；項目啓動時須通過questions_v2工具至少提出10個澄清問題。
設計質量控制：建立反AI味清單，明確禁止漸變濫用、emoji堆砌、圓角左邊框強調色、SVG勉強畫圖、Inter/Roboto/Arial等過度使用字體；核心原則是”佔位符優於劣質實現”，且強制要求基於現有UI套件或設計系統創作，禁止從零憑空設計。
技術工程規範：強制使用React與Babel固定CDN版本及完整性哈希，禁用type=”module”；限制單HTML文件不超過1000行，要求拆分爲小組件並導入主文件；樣式對象須使用組件特定命名（如terminalStyles），禁止通用styles命名；幻燈片與視頻播放位置須通過localStorage實時持久化。
探索與調整機制：每次設計需提供3個以上從保守到創意的維度變體；內置Tweaks面板支持用戶實時調整顏色、字體、間距等參數，並通過EDITMODE-BEGIN/END註釋塊將改動持久化到文件，實現可迭代的設計系統而非一次性生成器。
驗證與交付體系：建立雙階段驗證：調用done命令檢查控制檯錯誤確保頁面不崩潰，再調用fork_verifier_agent在獨立iframe中進行截圖與佈局深度審查；支持導出PDF、PPTX、Canva兼容格式及獨立HTML文件，形成完整交付閉環。
上下文與資源管理：提供snip工具標記並移除不再需要的對話上下文以防止窗口溢出；支持用只讀方式訪問其他項目文件，須複製到當前項目才能使用，禁止直接引用外部路徑或批量複製超過20個文件。

Claude Design系統提示詞的核心優勢

專業化設計方法論：建立”理解-探索-規劃-構建-驗證-總結”六步標準流程，強制要求基於現有UI套件或設計系統上下文創作，從根本上避免AI憑空生成導致的劣質設計。
反AI味質量控制：內置明確的設計禁區清單，嚴禁漸變濫用、圓角左邊框強調色、Inter/Roboto等過度使用字體及SVG勉強畫圖，以佔位符策略確保產出具備專業設計水準而非模板套路。
嚴格工程化規範：通過React與Babel固定版本鎖定、完整性哈希校驗、單文件千行限制、組件特定樣式命名等約束，保障代碼可維護性與跨環境渲染一致性。
高效迭代探索機制：要求每次設計提供3個以上從保守到創意的維度變體，配合Tweaks實時調整面板與localStorage狀態持久化，支持用戶實時混搭調參而非接受一次性結果。
雙重質量驗證體系：採用done命令前置控制檯錯誤檢查與fork_verifier_agent後台iframe截圖審查的雙階段驗證，確保交付物功能穩定且視覺佈局精準無誤。
智能上下文管理：通過snip工具主動標記並壓縮歷史迭代上下文，結合跨項目只讀資源訪問能力，有效支撐長週期複雜設計任務的高效推進與協作。

Claude Design系統提示詞的項目地址

GitHub倉庫：https://github.com/elder-plinius/CL4R1T4S/blob/main/ANTHROPIC/Claude-Design-Sys-Prompt.txt

Claude Design系統提示詞的適用人羣

產品經理與創始人：有產品想法但缺乏Figma等專業設計工具技能，需要通過自然語言快速生成高保真原型和演示文稿以驗證概念。
非設計專業業務人員：市場、運營等崗位需要獨立完成營銷物料、彙報PPT或品牌一頁紙，降低對專業設計師的依賴。
UI/UX設計師：需要理解AI設計工具的能力邊界與協作邏輯，或藉助AI批量生成多版本風格變體以加速設計探索與決策。
前端與全棧開發者：涉及React組件拆分、版本鎖定、狀態持久化等技術規範，可參考工程化實踐提升代碼可維護性。
AI研究者與提示詞工程師：學習Anthropic如何將複雜設計方法論、質量控制清單與多階段驗證機制編碼爲系統級指令的架構思路。

Claude Design系統提示詞的亮點

反AI味設計清單：明確禁止漸變濫用、圓角左邊框強調色、Inter字體等AI生成UI的典型視覺指紋，用佔位符策略替代劣質實現，確保產出具備專業設計水準。
上下文強制獲取原則：強調”好設計不從零開始”，必須基於現有UI套件、設計系統或品牌規範創作，禁止憑空設計，從根本上提升設計質量與一致性。
Tweaks實時迭代機制：內置頁面內調整面板，支持用戶實時修改顏色、字體、間距等參數並持久化到文件，實現從一次性生成器到可迭代設計系統的轉變。
雙階段質量驗證：通過done命令檢查控制檯錯誤確保頁面穩定加載，再調用fork_verifier_agent在獨立iframe中進行截圖與佈局深度審查，保障交付物零崩潰。
嚴格工程化約束：強制React與Babel固定版本及完整性哈希、單文件千行限制、組件特定樣式命名、localStorage狀態持久化等規範，確保代碼可維護性與跨環境一致性。
角色重構與流程標準化：將AI定位爲專家設計師、用戶爲經理，建立六步標準工作流與至少10個啓動問題的提問策略，實現專業化協作而非簡單工具調用。