您已在另一个标签页或窗口中登录。请重新加载以刷新您的会话。您已在另一个标签页或窗口中退出登录。请重新加载以刷新您的会话。您已在另一个标签页或窗口中切换了账户。请重新加载以刷新您的会话。关闭提示

{{ message }}

Trystan-SA/**claude-design-system-prompt**Public

• 通知您必须登录才能更改通知设置

main

2 个分支 0 个标签

前往文件

代码

打开更多操作菜单

Claude 设计系统提示词

反向工程还原的 Anthropic Claude Design 系统提示词。

一个系统提示词和技能库，能将大语言模型转变为有主见、关注无障碍、抵制 AI 套壳设计的设计协作者。

开源，MIT 许可。将提示词粘贴到任何支持系统提示词的大语言模型（Claude、GPT、Gemini、本地模型）中，并根据需要搭配过程性技能使用。

这是什么

大多数"设计助手"提示词都会生成通用的 SaaS 模板式输出——夸张的渐变、表情符号装饰、圆角左边框卡片、到处是 Inter 字体。此提示词明确拒绝这些模式，并用一整套设计哲学取而代之，涵盖以下方面：

• 内容自律（没有填充物——每个元素都凭实力占据位置）
• 审美自律（避免 AI 套路，坚守配色和基调）
• 视觉层级与节奏（大小、颜色、字重、位置、密度、间距刻度）
• 无障碍（WCAG、语义化 HTML、键盘导航、焦点环、运动偏好）
• 交互与反馈（悬停、激活、禁用、聚焦、加载、验证状态）
• 系统思维（组件和 token 优于一次性页面）
• 尊重媒介（真正的 CSS Grid、oklch()、text-wrap: pretty、真实交互式原型）
• 质量胜过数量（深度胜于广度，打磨每一个细节）

外加 14 个过程性技能，智能体可用于生成、提取和审查工作。

包含内容

claude-design-system-prompt/
├── claude/                              Claude Code / Claude.ai variant
│   ├── system-prompt.md                 Main system prompt — 20 chapters
│   └── skills/                          14 invokable skills
│       ├── discovery-questions.md       Kickoff question protocol
│       ├── frontend-aesthetic-direction.md  Commit to a look when no brand exists
│       ├── wireframe.md                 Low-fi exploration, 3+ variations
│       ├── make-a-deck.md               Slide presentations in HTML
│       ├── make-a-prototype.md          Interactive clickable prototype
│       ├── make-tweakable.md            Floating tweak panel
│       ├── generate-variations.md       3+ hi-fi variations across axes
│       ├── design-system-extract.md     Pull tokens from sources
│       ├── component-extract.md         Inventory reusable components
│       ├── accessibility-audit.md       WCAG, semantic, keyboard, motion
│       ├── ai-slop-check.md             Gradient / emoji / font / house-style trope detection
│       ├── hierarchy-rhythm-review.md   Size / weight / color + spacing scale
│       ├── interaction-states-pass.md   Hover / active / disabled / focus / loading
│       └── polish-pass.md               Umbrella final-gate review
├── codex/                               OpenAI Codex variant (single-loop, no subagents)
│   ├── AGENTS.md                        Codex auto-discovered entry point
│   ├── system-prompt.md                 Same prompt, adapted for Codex
│   └── skills/                          Same skills, sequential reviews instead of parallel agents
├── README.md                            This file
└── LICENSE                              MIT

使用方法

直接使用系统提示词

将 system-prompt.md 的内容粘贴到任何支持系统提示词的大语言模型中。智能体会遵循设计哲学，并在任务匹配时按名称调用相关技能。

将技能作为过程使用

`skills/` 中的每个技能都是一个自包含、分阶段的流程。技能名称即为触发器——当用户的请求与某个技能描述匹配时，智能体就会加载该技能并按其执行。

技能分为三类：

生产——构建某物 · 探索性问题 · 前端美学方向 · 线框图 · 制作演示文稿 · 制作原型 · 制作可调参数 · 生成变体

系统——提取结构 · 设计系统提取 · 组件提取

审查——审核与修复 · 无障碍性审计 · AI 生成内容检查 · 层次与节奏审查 · 交互状态检查 · 打磨检查

技能可以串联。典型的全新项目流程：

discovery-questions → frontend-aesthetic-direction → wireframe → make-a-prototype → polish-pass

品牌感知的流程：

design-system-extract → generate-variations → make-tweakable → polish-pass

针对你的平台进行适配

提示词假定使用的是 HTML 输出的设计环境（类似于 Claude.ai 的设计工具）。如果你的目标环境不同——比如 Figma 插件、纯代码助手、纯聊天的设计教练——你需要调整工作流程章节和工具引用。核心原则（第 5–16 章）适用于任何媒介。

模型校准

`claude/` 变体针对当前 Anthropic 前沿模型（Fable 5 以及 Opus 4.7/4.8 系列）进行了校准，这些模型比前代模型更严格地遵循指令，所需的提示词强度也较低：

• 用条件代替量化要求。不再写“至少问 N 个问题”，也不再写“关键：你必须”。当前模型会把量化要求当做字面合同，并过度触发；提示词则写明在何种条件下采取行动，同时为次要决策设置一条自主条款（选择合理的选项并记录，而不是询问用户）。
• 技能和子智能体的显式触发。这些模型默认会少调用可选能力，因此每个技能描述都会写明何时调用它，而验证器的委派也有显式触发条件（“每次实质性视觉变更之后”）。
• 覆盖优先的审查。审查智能体会报告所有内容，附上信心/严重程度评估，然后由聚合步骤进行过滤。当前模型会严格遵循“只报告重要问题”的指令，从而静默地遗漏发现。
• 房屋风格的防护。当前模型的默认美学风格（奶油色背景、衬线显示字体、陶土色/琥珀色点缀）会被 ai-slop-check（规则 9）检测到，并被前端美学导向（frontend-aesthetic-direction）的四向协议预先阻止。这些模型上不再存在采样参数（temperature），因此视觉上的多样性必须来自每个具体变体的显式规范，而非随机性。

在较旧的模型（Claude Opus/Sonnet 4.6 及更早版本，或非 Anthropic 模型）上，较平缓的措辞可能触发不足——如果你发现模型跳过了提问环节或审核环节，请恢复更强烈的命令式语言。codex/ 变体是单独维护的，不受这些说明的影响。

设计原则，简述

system-prompt.md 中的 20 章涵盖了：

#	章节
1	身份与角色
2	工作流程
3	先提问
4	将设计根植于现有语境
5	内容原则——拒绝冗余
6	美学原则——有目的的视觉设计
7	视觉层次与节奏
8	字体系统
9	色彩系统
10	无障碍与包容性
11	交互与反馈
12	简约与一个明确的 CTA
13	系统思维
14	尊重媒介
15	理解用户
16	质量胜于数量
17	输出原则
18	协作与交付
19	知识产权与内容边界
20	可用技能

贡献

欢迎提交 Issue 和 PR。特别有价值的贡献包括：

• 额外的审查技能（例如，文案审查、动效审查、深色模式一致性检查）
• 针对其他环境（Figma、纯代码、纯终端）的适配提示词
• 该提示词应防御的实际失败案例
• 提示词的其他语言翻译

请保持相同的运行语气，并避免提示词过于臃肿——每个章节都应证明其存在的必要性，这也是该提示词对智能体自身所要求的同一标准。

许可证

MIT——见 LICENSE 文件。

你可以出于任何目的（包括商业用途）使用、修改和分发本提示词及技能库。无需署名，但署名是受欢迎的。

关于

一套逆向工程的系统提示词和技能库，将大语言模型转变为一种有主见、关注无障碍、抵抗 AI 低质输出的设计协作伙伴。

资源

自述文件

许可证

MIT 许可证

哦不！

加载时出错。请重新加载此页面。

动态

星标

583 个星标

关注者

3 人正在关注

复刻

80 个复刻

报告仓库

版本发布

暂无已发布版本

软件包 0

暂无已发布软件包

贡献者 1

• Trystan-SATrystan SARRADE

您目前无法执行此操作。