Appearance
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在规定模型"怎么工作、怎么协作、怎么交付、怎么验收"。
