10+年产品经理专注分享AI 工具、AI 资讯、AI Coding、Vibe Coding与下一代产品创新,按 Ctrl+D 收藏我们
关于我 留言板 标签云 排行榜

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI编程开发

Claude Design 系统提示词曝光:Anthropic 的 9 条 AI 设计黑名单

3月前 AI编程开发 574 0

Claude Design 的内部系统提示词被开发者提取并开源到了 GitHub,项目名为 claude-design-system-prompt,采用 MIT 协议。项目上线两天就从 700 多星突破 1200 星。

提示词包含 20 个章节、14 套技能流程,其中最引人注目的是 Anthropic 专门给 Claude 写的「AI 味检测器」——9 条规则,用来识别和过滤那些千篇一律的视觉套路。

图片 1

「你不是一个恰好做设计的代码生成器。你是一个恰好会用代码的设计师。」

提示词开头第一段就定下了这个基调,并列举了三条对比:

  • 代码生成器会用看起来合理的内容填充页面;设计师会问这个页面是干嘛的,读者先看什么,哪些东西可以砍掉
  • 代码生成器复制最新的趋势;设计师选定一套体系,贯彻到底
  • 代码生成器对每个需求都说好;设计师会在新增项损害整体设计质量时推倒重来

图片 2

AI Slop 检测器:9 条审美黑名单

Slop 专门形容 AI 生成的那种千篇一律、一眼 AI 味拉满的产出物。Anthropic 把这个概念搬进了设计领域,列出了 9 条规则:

  • 渐变色,默认不用
  • Emoji 装饰,默认不加
  • 卡片左边那个竖条,除非用在提醒或警告里,检测到就替换
  • 字体随手用 Inter 或 Roboto,标记
  • 纯白背景配纯黑文字,太生硬
  • 间距不是 4 或 8 的整数倍,全部标出来

最狠的是第 9 条规则:

图片 3

这条规则检测的,正是 Claude 自己最爱用的默认审美——暖色调米白背景、偏正式的标题字体、土橘色暖色点缀,整体看着像精品咖啡馆的官网。这套风格做编辑类或酒店类项目没问题,但 Claude 不管做什么都往这个方向靠,就变成了 AI 味。

五问测试:每个元素都要过审

Claude Design 提示词中还有一套「五问测试」,页面上每一个元素都要逐条审核:

  1. 用户关心吗?
  2. 推动了叙事吗?
  3. 去掉之后页面还看得懂吗?
  4. 有更简洁的方式吗?
  5. 服务的是用户还是设计师?

图片 4

五个问题中有一个不通过,该元素就不应该出现在页面上。

糟糕设计的根源是信息不够

提示词反复提到一件事:动手之前必须确认设计上下文。有没有品牌指南?有没有组件库?有没有截图?什么都没有的话,不能凭空编造一套视觉语言。

Anthropic 的方案是先让用户选三个形容词描述想要的感觉,然后给出 4 个完全不同的视觉方向,每个具体到色号和字体。选完之后所有设计都基于这套体系,不能再随手编新数值。

不管你是否使用 Claude Design,这套 MIT 开源的提示词都可以投喂给任何支持系统提示词的 AI。

GitHub 地址:https://github.com/Trystan-SA/claude-design-system-prompt

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:Claude Design 系统提示词曝光:Anthropic 的 9 条 AI 设计黑名单
#Claude Design #Anthropic #AI设计 #系统提示词 #开源 
收藏 1
BonsAI:用画布喂给 Claude Code,告别线性文字 Prompt
I-Lang AI 编程协议完整操作手册:从 0 到上线变现,10 款免费工具链实战指南
推荐阅读
  • 从Cursor到Claude Code:避坑4大难题,我的高效开发迁移指南
  • Claude Code 集成 Codex CLI 实战:通过 MCP 实现双 AI 助手协同编程
  • gstack 开源:64.9k stars 的 AI 虚拟开发团队,支持产品规划、代码审查与自动化测试
  • Claude Code Hooks 配置指南:让 AI 主动推送飞书/如流通知
  • MemoraX Code:为 Claude Code/Codex 添加长期记忆,跨会话复用项目上下文
评论 (0)
请登录后发表评论
分类精选
手把手教你用支付宝订阅 Cursor Pro:国内用户最全开通教程(附取消自动扣费)
33850 1年前
Claude Code Rules:claude.md文件配置完全指南
23239 1年前
手把手教你在VS Code & Cline/RooCode 中使用Kimi K2 模型,配置实录+开发实战体验
18195 1年前
学生党0元白嫖!手把手教你解锁Cursor Pro年VIP,超详细申请教程(附避坑指南)
17018 1年前
Claude Code + MCP 实战教程:手把手教你如何在Claude Code里面使用MCP
16870 1年前
Cursor进阶指南:如何解决Cursor上下文长度的限制超出后”降智“问题
16621 1年前
Cursor代码生成器中文使用教程,Cursor新手入门完全指南,全网最全面详细的Cursor使用教程
15055 1年前
Cursor 0.46更新,新增支持Claude 3.7 + GPT 4.5,Cursor Pro 无限续杯攻略,全自动化工具使用说明
15017 1年前
Claude Code 官方已支持Windows系统!手把手教你免费安装使用Claude Code
14952 1年前
一文搞懂所有模型,Cursor 模型选择终极指南:从入门到精通
12626 1年前

文章目录

关于苏米客
分类排行
1 GPT-6 三档选型指南:Astra、Sol、Luna 的智能、价格与延迟平衡
2 Claude Code 开放 Mods:用 TypeScript 魔改 AI 编码工具界面和逻辑
3 电商视频提示词 Codex 插件:一键生成带货视频脚本和分镜
4 Baizhi Agent Toolkit:一个MCP解锁59个Tool,Codex开挂模式
5 Windows Codex用户必装:Cua Driver让AI操作电脑不再抢鼠标
6 Codex Sub-agent 多 Agent 协作架构源码解析:spawn_agent、消息通信与任务委派
7 Qoder 实测:从 Skill 验证到电子书架产品,一个下午的 AI 编程工作流
8 CrewAI 多智能体开发实践:在自治与确定性之间找到平衡
9 Claude Code 14条隐藏命令:6个月省200小时的开发技巧
10 免费大模型API配置指南:用New API整合四大平台实现token自由
苏米客
登录 注册
显示
没有账号? · 立即注册
显示
已有账号? · 直接登录
登录代表你已同意 用户协议 和 隐私政策
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6 网站地图 百度地图
微信文章助手 程序库 免费影视APP 免费字体下载 产品经理导航 爱克硕儿 产品经理AI资讯 Axure元件库下载 申请友联