AI HOT 精选

Anthropic Claude Design 反向工程提示词开源更新

6.9内容质量

TL;DR · AI 摘要

Anthropic Claude Design 反向工程提示词开源更新 · AI HOT Hacker News 热门（buzzing.cc 中文翻译） 精选 73 导出 Markdown Anthropic Claude Design 反...

核心要点

  • 主题聚焦：Anthropic Claude Design 反向工程提示词开源更新
  • 来源：AI HOT 精选，建议结合原文判断细节。
  • AI 分析暂不可用，本条为保底评分与摘要。
#AI#编程#前端#产品#开源
打开原文

Anthropic Claude Design 反向工程提示词开源更新 · AI HOT

Hacker News 热门（buzzing.cc 中文翻译）

精选

73

导出 Markdown

Anthropic Claude Design 反向工程提示词开源更新

2026-07-05 23:35

·

2小时前

handfuloflight

阅读原文

github.com

精选理由

把LLM变成设计协作者的完整提示词库，拒绝AI低质设计。产品人和创业者拿来就能用，14个技能覆盖从构思到审查的全流程。

AI 摘要

Anthropic 旗下 Claude Design 的反向工程系统提示词在 GitHub 以 MIT 许可证开源，包含 20 章提示词和 14 项技能，覆盖内容纪律、美学、无障碍（WCAG、语义 HTML、键盘导航）、交互状态、系统思维等。近日针对 Fable 5/Opus 4.7+ 系列校准，新增自主决策条款：小决定直接执行记录而不询问。项目支持 Claude Code/Claude.ai 及 Codex 两种变体。

AI 翻译 · 中文

显示原文

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

{{ message }}

Trystan-SA/claude-design-system-promptPublic

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

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 个过程性技能，智能体可用于生成、提取和审查工作。

包含内容

code
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 生成内容检查 · 层次与节奏审查 · 交互状态检查 · 打磨检查

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

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

品牌感知的流程：

code
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

您目前无法执行此操作。