Claude Design System Prompt

Claude Design System Prompt 是一个开源的系统提示词与技能库集合，旨在将大语言模型（LLM）转化为具备专业设计思维、注重无障碍性且能抵抗“AI 劣质内容”（AI Slop）的设计协作者。该项目基于 MIT 许可，适用于任何支持系统提示的 LLM，并通过程序化技能扩展其能力边界。

核心理念：拒绝通用模板，坚持设计纪律

大多数 AI 设计助手倾向于生成充满激进渐变、表情符号装饰和标准化卡片的通用 SaaS 模板。Claude Design System Prompt 明确拒绝这些模式，转而推行一套严格的设计理念：

• 内容纪律：杜绝无意义的填充内容，确保每个界面元素都有其存在的功能性理由。
• 美学纪律：避免 AI 常见的视觉俗套，致力于建立统一的调色板、字体选择和整体基调。
• 视觉层次与节奏：通过尺寸、颜色、粗细、位置、密度和间距比例的精细控制，构建清晰的视觉流。
• 无障碍性优先：严格遵循 WCAG 标准，强调语义化 HTML、键盘导航支持、焦点环可见性及动效偏好尊重。
• 交互与反馈：完整定义悬停、激活、禁用、焦点、加载及验证等状态，确保交互的确定性。
• 系统思维：推崇组件化和设计令牌（Design Tokens）的使用，优于一次性页面构建。
• 尊重媒介特性：利用现代 CSS 特性（如 Grid、oklch()、text-wrap: pretty）构建真正的交互式原型。

程序化技能库

该提示词配套了 14 个独立的程序化技能，分为生产、系统和审查三类，智能体可根据任务需求自动调用：

工作流示例

技能可以串联使用以完成复杂任务：

• 从零开始的设计流程：
  discovery-questions → frontend-aesthetic-direction → wireframe → make-a-prototype → polish-pass
• 品牌感知与重构流程：
  design-system-extract → generate-variations → make-tweakable → polish-pass

模型校准与适配

该提示词针对 Anthropic 的前沿模型（如 Claude 3.5/3.7）进行了专门校准：

• 条件替代配额：避免使用“必须提出 N 个问题”等硬性指令，转而规定行动条件，赋予模型在小决策上的自主权，防止过度触发。
• 显式触发器：由于当前模型默认不主动调用可选能力，每个技能都明确了调用时机，并设置了显式的验证委托触发器。
• 覆盖优先的审查：审查智能体会报告所有发现的问题并附带置信度，由聚合步骤筛选重要问题，避免因模型严格遵循“仅报告重要问题”而遗漏细节。
• 室内风格防护：通过 ai-slop-check 和 frontend-aesthetic-direction 预先规避默认的美学俗套，通过显式规格而非随机采样来确保视觉多样性。

对于较旧的模型或非 Anthropic 模型，可能需要恢复更强的指令性语言以确保技能被正确触发。此外，项目还提供了针对 Codex 环境的独立维护变体。