Claude Design 系统提示词曝光!Anthropic 9 条「审美黑名单」,专治 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 成为你的外挂。

