01 / 16
2026-04-21 / Research Brief

Claude Design 提示词研究

从公开泄露样本拆解 AI 设计生产线:它对 vibe coding、UI 设计师、视觉创意和千图内容 AI 的真实启发。

不是神奇 prompt 是一套生产协议 重点:上下文 + 验证 + 交付
Source Boundary

先定性:不是 Anthropic 官方仓库

422 本地提示词文件行数
71.5K GitHub 页面标注大小
04.17 Anthropic 官方发布时间
3+ 交叉验证来源
Claude Design press image from TechCrunch

结论边界:把它当作“公开收集的泄露/提取提示词样本”研究,不把它说成 Anthropic 已确认的官方原文。

Executive Takeaway

关键不是提示词,而是设计生产线

从一句 prompt

升级为项目:目录、素材、版本、验证、交付格式。

从单张好看

升级为系统:设计上下文、品牌语汇、组件和禁用规则。

从聊天改稿

升级为参数:颜色、间距、字体、密度、布局可持久调节。

对千图更重要的机会:做“可商用素材 + AI 设计协议 + 版权风险控制”,不是做另一个通用 Figma。

Prompt Anatomy

这份提示词的 10 个关键条目

角色专家设计师 + 用户 manager
边界能力可说,工具链不可暴露
流程理解 → 资源 → 计划 → 构建 → 验证
输入MD、HTML、图片、PPTX、DOCX、PDF
资产复制进项目,保留版本
上下文设计系统优先,不从零开始
工程锁依赖、控作用域、可运行
探索3+ 变体,拆成原子选择
微调Tweaks 参数化改稿
合规反 AI 味,反复刻品牌 IP
Role + Workflow

它把 AI 设成“负责交付的设计师”

01

理解 brief

确认输出物、保真度、方案数量、约束、品牌系统。

02

探索资源

读设计系统、组件、代码、截图和已有项目。

03

构建产物

建立目录,复制素材,生成 HTML/原型/演示稿。

04

验证交付

先检查能否加载,再做视觉与布局验证。

业务翻译:AI 不是“画一下”,而是承担一个可追责的设计项目。

Context First

好高保真设计不从零开始

它要求先找什么?

UI kit 设计系统 代码仓库 品牌资产 截图 Figma 历史项目

为什么重要?

上下文决定输出上限。没有品牌语汇,AI 会退回通用模板;有 token、组件、禁用规则,AI 才能持续产出同族设计。

只给 prompt
加参考图
加设计系统
加组件代码
Engineering Guardrails

设计质量包含“能跑、能改、能交付”

锁定依赖

固定 React/Babel 版本和完整性校验,减少环境变化导致的坏稿。

避免作用域污染

全局对象命名、组件共享、脚本加载方式都有明确规则。

固定尺寸媒介

演示稿、视频、原型按画布缩放,而不是当普通网页滚动。

AI 设计交付的最低标准: 1. 页面能加载 2. 交互能点击 3. 状态能保存 4. 素材能追溯 5. 移动端不崩 6. 可以交给开发继续做
Exploration Engine

多方案不是堆稿,而是拆成原子选择

布局

网格、分屏、沉浸、编辑感、控制台。

色彩

品牌色、扩展色、深浅模式、强调色。

字体

标题个性、正文可读、数据等宽。

动效

入场节奏、状态反馈、演示焦点。

目标不是一次给完美答案,而是让用户混搭出更好的方向。

Tweaks + QA

自然语言表达意图,控件负责精调

Tweaks 解决什么?

“高级一点”“再大一点”“颜色淡一点”都应变成滑杆、开关、tabs,并保存状态。

色彩强度 信息密度 动效强度 品牌占比

验证闭环

先检查控制台和加载,再检查截图、布局、JS 状态。设计稿交付前必须经过质量门。

console layout responsive handoff

对千图:把“改稿”从聊天消耗变成参数资产,反复沉淀用户偏好。

Anti Slop + IP Boundary

它把“AI 味”拆成可执行禁用项

不要填充废话

页面空不是文案问题,而是版式问题;不要为填满而造数字。

不要模板渐变

过度炫光、无意义玻璃拟态、左边框卡片都会显得廉价。

不要假装有素材

没有真实图,就用占位和后续素材需求,不要画低质假图。

不要复刻品牌 IP

公司独特 UI、命令结构、品牌资产不能直接照搬。

对内容平台:AI 味检测 + IP 风险检测,会成为商业素材可信度的一部分。

For Vibe Coding

vibe coding 要从“写代码”变成“完成项目”

项目结构自动化

每个任务都应有目录、源文件、资源、迭代记录、验证记录、预览地址。

质量门内置化

控制台、响应式、资源路径、关键交互、部署状态,必须自动检查。

上下文优先

连接代码库后必须读 token、组件和全局样式,不能靠记忆仿。

Agent 的价值不在“生成”,而在把生成变成可交付闭环。

For UI Designers

设计师的新增职责:让设计系统 AI 可读

Token

颜色、字号、间距、圆角、阴影。

Component

按钮、表单、卡片、导航、弹窗。

Example

典型页面、正确样例、错误样例。

Boundary

禁用规则、版权边界、文案语气。

设计评审也会变化:不只看单张稿,而看它是否可复用、可参数化、可开发交接。

Creative Limits

对更好视觉创意,它还有 4 个不足

系统化强,原创突破弱

太依赖已有设计系统,可能压制陌生、冒险、跨界方向。

HTML 强,图像质感弱

适合布局和交互,不擅长摄影级主视觉、复杂插画和产品渲染。

反模式会过时

今天的 AI 味是渐变和卡片,明天会换成新的套路。

多方案缺评价函数

给出很多方向后,还需要按目标评估品牌、转化、成本和风险。

How To Use

我们应把它改造成 6 类场景协议

网页/落地页 vibe coding

从品牌资料、目标用户、转化目标、竞品链接和核心文案,生成可运行页面、移动端适配和部署地址。

输入:品牌 + 目标 + 文案 + 竞品 流程:读上下文 → 生成首屏方向 → 实现 → 验证 → 部署 质量门:无报错 / 响应式 / 可发布
Qiantu Opportunity

千图机会:可商用视觉生产协议

更懂中文商业场景

电商、节日、企业宣传、运营活动、公众号、小红书、线下物料。

拥有可商用资产

模板、图片、字体、版权素材和行业内容沉淀,是通用模型没有的底座。

能解决敢不敢用

AI 味检测、IP 风险检查、授权素材引用,会成为平台信任能力。

不要正面做另一个 Claude Design;要做中文商业素材场景的 AI 设计工作流。

Next Actions

建议优先落地 3 件事

A

AI 设计任务协议

统一海报、PPT、落地页、原型的输入输出。

B

品牌上下文包

上传 VI/官网/历史图后,自动生成可复用设计系统。

C

AI 味与版权检查器

把“能不能商用”变成平台差异化能力。

D

场景模板族

按行业和渠道批量生成,但保留品牌差异和风险边界。

Sources + Local Files

来源与本地沉淀

操作:方向键 / 空格 / 滚轮 / 触控滑动翻页;点击卡片可进入焦点模式。