反向工程 Claude Design 的系统提示，来自 Anthropic。一个系统提示和技能库，可以将 LLM 转变为一个有明确观点、关注可及性、抵御 AI 无序设计的协作设计者。开源，MIT 许可证。将提示放入任何支持系统提示的 LLM（Claude、GPT、Gemini、本地模型）中，并根据需要配合过程技能。最重要的是，绝大多数“设计助手”提示产生的是通用的 SaaS 模板输出——激进的渐变、表情符号装饰、带左边框的圆角卡片、无处不在的 Inter 字体。这一提示明确拒绝这些模式，并用一个完整的设计理念取而代之，包括：内容纪律（无填充——每个元素都值得存在）；美学纪律（避免 AI 陈词滥调，承诺使用特定的调色板和语调）；视觉层次和节奏（大小、颜色、权重、位置、密度、间距尺度）；可访问性（WCAG、语义 HTML、键盘导航、聚焦环、运动偏好）；交互和反馈（悬停、激活、禁用、聚焦、加载、验证状态）；系统思维（组件和令牌而非一次性页面）；尊重媒介（真实的 CSS Grid，oklch()，text-wrap: pretty，真实的交互原型）；质量胜于数量（深度胜过广度，打磨每一个细节）。此外，还有 14 个可调用的过程技能，代理可以用于生产、提取和审查工作。包括内容 claude-design-system-prompt/ ├── claude/ Claude 代码 / Claude.ai 变体 │ ├── system-prompt.md 主要系统提示——20章 │ └── skills/ 14 个可调用技能 │ ├── discovery-questions.md 启动问题协议 │ ├── frontend-aesthetic-direction.md 当没有品牌存在时承诺风格 │ ├── wireframe.md 低保真探索，3+ 变体 │ ├── make-a-deck.md HTML 幻灯片演示 │ ├── make-a-prototype.md 交互式可点击原型 │ ├── make-tweakable.md 漂浮的调整面板 │ ├── generate-variations.md 3+ 不同轴上的高保真变体 │ ├── design-system-extract.md 从来源提取令牌 │ ├── component-extract.md 盘点可重用组件 │ ├── accessibility-audit.md WCAG、语义、键盘、运动 │ ├── ai-slop-check.md 渐变/表情符号/字体/风格倾向检测 │ ├── hierarchy-rhythm-review.md 大小/权重/颜色 + 间距规模 │ ├── interaction-states-pass.md 悬停/激活/禁用/聚焦/加载 │ └── polish-pass.md 总体最终审核 ├── codex/ OpenAI Codex 变体（单循环，无子代理） │ ├── AGENTS.md Codex 自动发现的入口 │ ├── system-prompt.md 相同的提示，适用于 Codex │ └── skills/ 相同技能，顺序审查而非并行代理 ├── README.md 本文件 └── LICENSE MIT 如何使用 直接使用系统提示 将 system-prompt.md 的内容粘贴为任何支持系统提示的 LLM 的系统提示。代理将在任务匹配时遵循设计理念，并按名称引用技能。将技能用作过程 skills/ 中的每个技能是一个自包含的、分阶段的过程。技能名称是触发器——当用户的请求与技能描述匹配时，代理加载该技能并遵循它。技能分为三类：生产——构建新东西 discovery-questions · frontend-aesthetic-direction · wireframe · make-a-deck · make-a-prototype · make-tweakable · generate-variations 系统——提取结构 design-system-extract · component-extract 审查——审核和修复 accessibility-audit · ai-slop-check · hierarchy-rhythm-review · interaction-states-pass · polish-pass 技能可以链接在一起。一个典型的绿地流程：discovery-questions → frontend-aesthetic-direction → wireframe → make-a-prototype → polish-pass 一个品牌意识流程：design-system-extract → generate-variations → make-tweakable → polish-pass 根据平台调整 提示假设一个 HTML 输出设计环境（类似于 Claude.ai 的设计工具）。如果您的目标环境不同——一个 Figma 插件、一个仅代码的助手、一个只聊天的设计教练——您需要调整工作流程章节和工具引用。原则（章节 5-16）可以翻译到任何媒介。 模型校准 claude/ 变体是针对当前 Anthropic 前沿模型（Fable 5 和 Opus 4.7/4.8 系列）进行校准的，这些模型更严格地遵循指令，且比早期版本需要的提示更少：条件而非配额。没有“至少询问 N 个问题”，也没有“关键：您必须”。当前模型将配额视为具体合同，因此对其过于触发；提示阐明了行动的条件，加上了一个用于小决策的自主条款（选择一个合理的选项并注明，而不是询问）。技能和子代理的明确触发。这些模型默认对可选能力的需求不足，因此每个技能描述都说明了何时调用它，并且验证者委派具有明确的触发器（“在每次实质视觉变化后”）。覆盖优先的审查。审查代理信心/严重性估计，报告一切。