文章摘要
该文章介绍了一个开源系统提示和技能库,能将大语言模型转化为有主见、注重无障碍且抵制AI套路的协作设计工具。它明确拒绝常见的AI设计模板,强调内容与美学纪律、视觉层次、无障碍标准及系统化思维,支持多种大语言模型。
文章总结
这是一个名为“Claude设计系统提示词”的开源项目,它逆向工程了Anthropic公司的Claude设计系统提示词,并提供了一个完整的提示词和技能库。该项目旨在将大型语言模型(LLM)转变为一个有主见、注重无障碍性、并能抵制AI生成低质量内容的设计协作伙伴。它采用MIT许可证,可免费用于任何目的,包括商业用途。
核心内容:
项目定位:与市面上那些生成千篇一律的SaaS模板式设计的“设计助手”不同,这个提示词明确拒绝常见的AI设计套路(如过度渐变、表情符号装饰、圆角卡片等),并建立了一套完整的设计哲学。
设计哲学涵盖:
- 内容纪律:拒绝填充内容,每个元素都必须有其存在的价值。
- 美学纪律:避免AI设计俗套,坚持使用特定的调色板和风格。
- 视觉层次与节奏:通过大小、颜色、重量、位置、密度和间距比例来构建。
- 无障碍性:遵循WCAG标准,使用语义化HTML,支持键盘导航、焦点环和用户运动偏好。
- 交互与反馈:涵盖悬停、激活、禁用、聚焦、加载和验证等状态。
- 系统思维:使用组件和设计令牌,而非一次性页面。
- 尊重媒介:使用真正的CSS Grid、
oklch()色彩空间等现代技术。 - 质量优先:追求深度而非广度,打磨每一个细节。
项目结构:包含两个主要变体:
claude/:针对Claude Code和Claude.ai的版本,包含一个20章的主系统提示词和14个可调用的技能。codex/:针对OpenAI Codex的版本,提示词经过调整,技能以顺序审查而非并行代理的方式执行。
如何使用:
- 直接使用:将
system-prompt.md的内容粘贴到任何支持系统提示词的LLM中。 - 调用技能:每个技能都是一个独立的、分阶段的程序。当用户请求匹配时,LLM会加载并执行该技能。技能分为三类:
- 生产类:用于构建东西(如发现提问、确定美学方向、线框图、制作原型等)。
- 系统类:用于提取结构(如提取设计系统、提取组件)。
- 审查类:用于审计和修复(如无障碍审计、AI俗套检查、交互状态检查等)。
- 技能链:技能可以串联使用,例如从“发现提问”到“美学方向”再到“线框图”和“制作原型”。
- 直接使用:将
模型校准:该提示词针对Anthropic的最新前沿模型进行了校准,这些模型更严格地遵循指令。提示词采用了更温和的措辞(如使用“条件”而非“配额”),并提供了明确的技能触发条件和自主决策条款。对于较旧的模型,可能需要恢复更强硬的指令性语言。
设计原则概览:主提示词包含20个章节,涵盖了从身份角色、工作流程、内容原则、美学原则、无障碍性、交互反馈到系统思维、输出原则和协作交付等方方面面。
贡献与许可:项目欢迎贡献,特别是新的审查技能、针对其他环境的适配提示词、真实世界的失败案例以及翻译。项目采用MIT许可证,允许自由使用、修改和分发。
评论总结
根据评论内容,主要观点和论据如下:
质疑真实性(评分:None) - 评论1(jdormit):认为内容缺乏逆向工程细节,可能只是“让Claude写一个类似Claude Design的系统提示”的输出。 - 评论3(CartwheelLinux):直接质疑为“BS”,认为内容肤浅,缺乏安全防护等具体细节,怀疑是“Claude给出Anthropic会用的系统提示”。 - 评论5(simonw):无法判断提示是提取自Claude Design还是由LLM生成,指出项目鼓励PR和开源许可表明非直接提取,但缺乏演示证据。
认可与实用(评分:None) - 评论2(exabrial):认为“相当棒”,希望能在自己的MCP服务器上使用Claude Design。 - 评论7(doginasuit):分享使用Claude Design制作动画SVG的经验,指出其能力“部分像幼儿涂鸦,部分像天才”,能生成复杂数学设计但缺乏有机图形能力。
其他观点(评分:None) - 评论4(smokel):质疑MIT开源许可的适用性。 - 评论6(tallesborges92):提供另一个可能更真实的系统提示链接,认为Anthropic可能更新了提示。 - 评论8(bobkb):质疑如何证明该提示在特定时间戳是真实的。
关键引用(保留中英文) - 质疑:“This would be much more interesting if it detailed how the prompt/skills were reverse-engineered.”(评论1) - 认可:“This is pretty awesome. I’ve wanted to use Claude design, but with my regular MCP servers.”(评论2) - 经验:“Its ability to generate these designs is part toddler with a crayon, part savant.”(评论7)