Skip to content

Claude Design提示词7个顶级方法:普通Prompt发指令成熟Prompt组织协作

2026年4月22日

Claude Design提示词7个顶级方法:普通Prompt发指令成熟Prompt组织协作

Claude Design系统提示词泄露,读完之后明显感觉到:真正拉开水平差距的不是文案技巧,是系统设计能力。普通Prompt在告诉模型"你是谁";成熟Prompt在规定模型"怎么工作、怎么协作、怎么交付、怎么验收"。


为什么这份提示词值得反复看

它写的根本不只是一段提示词。更像一份高度压缩过的:

组成部分说明
岗位说明书你是谁、你和用户什么关系、你交什么
工作流规范从需求理解到方案探索到原型产出
风险清单什么情况必须回退、什么操作必须确认
验收标准输出必须满足什么条件才算交付

一句话总结:普通Prompt在发指令,成熟Prompt在组织协作。

泄露地址:https://github.com/elder-plinius/CL4R1T4S/blob/main/ANTHROPIC/Claude-Design-Sys-Prompt.txt


7个最值得抄的方法

方法1:把Prompt写成岗位说明书

"你是一个资深设计师"——只给了身份,没有给职责、关系和交付物。

Claude Design钉住三件事:

维度说明
你是谁working with the user as a manager
你和用户什么关系协作关系,不是服务关系
你最后要交什么produce design artifacts using HTML

方法2:结构化协作流程

不是"你帮我设计一个页面",而是把协作拆成明确阶段:

理解需求 → 确认上下文 → 调取资源 → 方案探索 → 原型产出 → 问题修复 → 版本迭代

每个阶段都有明确的输入、输出、判断条件。

方法3:设计系统前置加载

不是等AI随便发挥,而是在提示词里就注入完整的设计系统:

约束说明
配色方案明确主色、辅色、功能色
字体规范标题/正文/代码各用什么字体
间距系统4px/8px/16px/24px栅格
组件库按钮、卡片、表单等标准组件

方法4:约束交付格式

不是"给我一个网页",而是明确规定输出格式:

约束说明
单文件HTML所有样式内联,不依赖外部资源
响应式必须适配桌面和移动端
可交互按钮、表单必须有真实行为
无占位符不允许lorem ipsum,必须用真实内容

方法5:自检与风险清单

在提示词里就写好风险识别规则:

风险处理方式
设计与品牌不符回退到品牌规范确认
技术不可行标记并给出替代方案
用户体验问题主动提出改进建议
无障碍访问缺失自动补充aria标签

方法6:迭代修复循环

不是一次交付,而是内置了修复循环:

交付 → 自检 → 发现问题 → 修复 → 再自检 → 直到满足验收标准

关键:修复循环有上限(通常3轮),避免无限循环。

方法7:显式思考链

在输出设计之前,先展示思考过程:

1. 需求理解:用户要做一个...
2. 关键约束:品牌色是...目标用户是...
3. 方案选择:考虑了3个方案,选了方案2因为...
4. 实现计划:先做布局,再加交互,最后优化视觉

做成了Skill

基于这7个方法,做了一个可以直接安装的Claude Design Skill:

bash
# Claude Code / Cursor / Codex
npx skills add luoboge/skills --skill claude-design

# OpenClaw
https://clawhub.ai/luoboge/claude-design

核心心法

层级做法效果
初级写"你是谁"能跑,但飘
中级写"你怎么做"稳定,但粗糙
高级写"怎么协作、怎么交付、怎么验收"精准、可控、可复现

一句话总结:普通Prompt在告诉模型"你是谁",成熟Prompt在规定模型"怎么工作、怎么协作、怎么交付、怎么验收"。

不要孤军奋战啦!

加入微信群一起学习交流 AI

与大神一起使用 OpenClaw、Hermes、Claude Code、Seedance 2.0、GPT-Image-2 等

微信公众号

扫码关注微信公众号
私信 "加群",将自动获取微信群二维码

探索 AI 世界,掌握智能未来