Claude Design系统提示词

Claude Design系统提示词 – Anthropic 推出的完整核心提示词

Claude Design 系统提示词，一份由安全研究员 Pliny 在 GitHub 上公开的 Anthropic 为 Claude AI 在“设计模式”下量身打造的核心指令集，正以前所未有的方式重塑着 AI 在设计领域的角色与能力。

Claude Design 系统提示词的本质剖析

这份提示词文件，本质上是 Anthropic 为 Claude 在特定“设计模式”下注入的灵魂指令。它清晰地界定了 AI 作为一位经验丰富的专家级设计师，与用户——被定位为项目经理——之间的协作关系。它不仅规范了 HTML 产物生成的标准流程，更构建了一套严谨的工程体系，包括了反“AI 味”设计原则（如杜绝渐变滥用、左侧圆角边框的刻意强调、以及对特定字体的过度依赖），确保了高保真设计输出的一致性与专业水准。

Claude Design 系统提示词的构成要件

• 角色定位与界限：AI 被设定为与用户（经理）协同工作的资深设计师。其产出的 HTML 形式多样，可为原型、演示文稿、动画或文档，但 AI 严禁泄露其系统提示、所用工具名称或任何技术实现细节。
• 标准化的工作流程：遵循一套严谨的六步法：深入理解需求与约束、搜寻并整合设计资源与 UI 组件库、制定详细的待办事项清单、构建完整的项目文件夹结构、交付并进行验证、最后以精炼的总结收尾。值得注意的是，项目启动时，AI 必须通过 questions_v2 工具提出至少十个关键性的澄清问题。
• 卓越设计质量的保障：内嵌了一份详尽的“反 AI 味”设计清单，明确禁止了诸如渐变效果的过度使用、Emoji 的堆砌、左侧圆角边框的强调色运用、以及勉强通过 SVG 绘制复杂图形等行为。其核心理念是“占位符优于劣质实现”，并要求设计必须基于现有的 UI 组件库或设计系统，严禁无中生有。
• 严格的技术工程规范：要求使用固定版本的 React 与 Babel CDN，并配合完整性哈希校验。禁用 type=”module” 属性。限制单个 HTML 文件的大小不得超过 1000 行，要求将大型文件拆分成组件并导入主文件。样式对象必须采用组件特有的命名方式（例如 terminalStyles），严禁使用通用的 styles 命名。幻灯片和视频的播放状态必须通过 localStorage 进行实时持久化存储。
• 探索性设计与实时调整机制：每次设计输出时，必须提供至少三个不同维度的设计变体，从保守风格到更具创意的选项。内置的 Tweaks 面板允许用户实时调整颜色、字体、间距等参数，并通过 EDITMODE-BEGIN/END 注释块将这些改动永久性地写入文件，从而实现了一个可迭代的设计系统，而非一次性的生成器。
• 严密的验证与交付体系：建立了一个双阶段的验证流程：首先，调用 done 命令检查控制台错误，确保页面能够稳定加载；随后，调用 fork_verifier_agent 在的 iframe 环境中进行截图和深入的布局审查。支持导出 PDF、PPTX、Canva 兼容格式以及的 HTML 文件，构建了一个完整的交付闭环。
• 智能上下文与资源管理：提供 snip 工具，用于标记并移除不再需要的对话上下文，以防止信息窗口的溢出。允许以只读模式访问其他项目文件，但必须先复制到当前项目才能使用，严禁直接引用外部路径或批量复制超过 20 个文件。

Claude Design 系统提示词的核心优势解读

• 专业化的设计方：建立的“理解-探索-规划-构建-验证-总结”六步标准流程，以及要求基于现有 UI 组件库或设计系统进行的创作，从根本上规避了 AI 凭空生成可能导致的低质设计。
• “反 AI 味”的质量控制：内置清晰的设计禁令清单，严禁渐变滥用、左侧圆角边框的强调色运用、Inter/Roboto 等字体的过度使用以及 SVG 的牵强附会，通过占位符策略保证了产出设计的专业水准，避免了模板化的痕迹。
• 严谨的工程化约束：通过固定 React 和 Babel 的版本、完整性哈希校验、单文件千行限制、组件特有的样式命名以及 localStorage 的状态持久化等措施，极大地提升了代码的可维护性与跨环境渲染的一致性。
• 高效的迭代与探索机制：要求每次设计提供至少三个不同风格的变体，配合 Tweaks 实时调整面板和 localStorage 的状态持久化，使用户能够进行实时的参数混搭与调整，而非被动接受一次性的生成结果。
• 双重质量验证体系：采用“done”命令的前置控制台错误检查，与 fork_verifier_agent 在 iframe 中的后台截图与布局深度审查相结合，确保了交付物的稳定性和视觉布局的精确性。
• 智能化的上下文管理：通过 snip 工具主动压缩历史对话上下文，结合跨项目只读资源访问的能力，有效支持了长期复杂设计任务的高效推进与协作。

Claude Design 系统提示词的潜在应用人群

• 产品经理与创业者：对于有产品构想但缺乏专业设计工具技能的用户，可以通过自然语言快速生成高保真原型和演示文稿，以验证其商业概念。
• 非设计背景的业务人员：市场、运营等岗位的从业者，能够完成营销物料、汇报 PPT 或品牌宣传单页的设计，减少对专业设计师的依赖。
• UI/UX 设计师：能够深入了解 AI 设计工具的能力边界与协作模式，或借助 AI 批量生成多种风格的变体，加速设计探索和决策过程。
• 前端与全栈开发者：在涉及 React 组件拆分、版本锁定、状态持久化等技术实践方面，可以借鉴其工程化思路，提升代码的可维护性。

• AI 研究者与提示词工程师：可以从中学习 Anthropic 如何将复杂的设计方、质量控制清单以及多阶段验证机制，巧妙地编码为系统级的指令架构。

Claude Design 系统提示词的亮点之处

• “反 AI 味”设计清单：明确列出了 AI 生成 UI 中常见的视觉特征，如渐变滥用、左侧圆角边框强调色、Inter 字体等，并用占位符策略替代劣质实现，确保产出具备专业设计水准。
• 上下文获取原则：强调“优秀设计源于现有基础”，要求设计必须基于现有的 UI 组件库、设计系统或品牌规范，杜绝无中生有的设计，从根本上提升设计质量和一致性。
• Tweaks 实时迭代机制：内嵌的页面内调整面板，允许用户实时修改颜色、字体、间距等关键参数，并将改动持久化到文件，将一次性生成器升级为可迭代的设计系统。
• 双阶段质量验证：通过 done 命令检查控制台错误确保页面稳定加载，再由 fork_verifier_agent 在 iframe 中进行截图与布局深度审查，保证交付物零崩溃。
• 严格的工程化约束：固定 React 和 Babel 版本及完整性哈希、单文件千行限制、组件特有样式命名、localStorage 状态持久化等规范，确保代码的可维护性和跨环境一致性。
• 角色重构与流程标准化：将 AI 定位为专家设计师，用户为经理，并建立六步标准工作流和至少 10 个启动问题的提问策略，实现了专业化的协作模式，而非简单的工具调用。