Claude Design 的内部系统提示词已被开发者提取并开源。该文档包含 20 个章节与 14 套技能流程，其中最具价值的是 Anthropic 为 Claude 定制的"AI 味检测器”。
该检测器通过 9 条规则，专门识别并规避 AI 设计中千篇一律的视觉套路，包括滥用渐变色、Emoji 装饰、Inter 字体、左侧竖条卡片以及 Claude 默认的“咖啡馆风格”配色。
Claude Design：从代码生成到专业设计
Claude Design 是 Anthropic 于今年 4 月推出的 AI 设计工具，集成于网页及桌面客户端。其采用“左聊天、右画布”的交互模式，直接输出可点击、可交互、可部署的真实 HTML、CSS 及 React 组件，而非静态图片。
上线两月余，开发者已将完整的系统提示词整理为结构化文档，以 MIT 协议开源至 GitHub。项目名称为claude-design-system-prompt，目前关注度持续攀升。
核心定位：是会写代码的设计师
提示词开宗明义地定义了 AI 的角色：“你不是一个恰好做设计的代码生成器，你是一个恰好会用代码的设计师。”在此基础上，文档列举了三项关键差异：
- 目的性：代码生成器倾向于填充看似合理的内容；设计师则先审视页面目标、用户动线及冗余信息。
- 一致性：代码生成器盲目复制最新趋势；设计师选定一套体系并贯彻始终。
- 批判性：代码生成器对所有需求照单全收；设计师在新增项损害整体质量时，敢于推倒重来。
内置"AI 味检测器” (ai-slop-check)
在 14 项技能中，ai-slop-check专用于识别并修正"Slop"（即充满 AI 刻板印象的产出物）。其包含 9 条具体规则：
- 默认禁用渐变色与 Emoji 装饰。
- 移除卡片左侧的装饰性竖条（除非用于警告或提醒）。
- 标记随意使用的 Inter 或 Roboto 字体。
- 避免纯白背景配纯黑文字的生硬组合。
- 强制间距必须为 4 或 8 的整数倍。
最为关键的第 9 条规则，直指 Claude 自身默认的审美偏好。
破除默认模板风格
在无特定品牌要求时，Claude 倾向于生成暖色调米白背景、正式标题字体搭配土橘色点缀的风格，常被戏称为“精品咖啡馆官网风”。虽然该风格适用于编辑类或作品集项目，但若不分场景地应用于后台系统或金融产品，则显得格格不入。
Anthropic 将这种未经指定的默认风格定义为"AI 味”，并将其列入黑名单，强制 AI 在无明确指令时避免落入此类审美陷阱。
五问测试与设计上下文
提示词中还包含一套严格的“五问测试”，用于审核页面上的每一个元素：
- 用户关心这个元素吗？
- 它推动了叙事吗？
- 去掉后页面是否依然易懂？
- 是否有更简洁的表达方式？
- 它服务的是用户还是设计师的自我表达？
任何未通过上述任一问题的元素均不应出现在最终页面中。此外，提示词强调糟糕设计往往源于信息缺失。在执行设计前，必须确认品牌指南、组件库或参考截图等上下文。若缺乏这些信息，AI 需引导用户提供三个形容词来定义风格，并给出四个具体的视觉方向（含色号与字体），一旦选定，所有设计必须严格基于该体系执行。
开源价值与应用
尽管社区对提示词的提取来源存在讨论，但其内容的专业性与参考价值毋庸置疑。这套涵盖从角色定义到交付规范的完整文档，不仅适用于 Claude Design，也可作为系统提示词投喂给其他支持长上下文的 AI 模型，赋能各类设计任务。
项目地址：https://github.com/Trystan-SA/claude-design-system-prompt