用途
claude-design-brief 用于为 Claude Design 生成“可粘贴即用”的设计提示词。Claude Design 指 claude.ai 上的 artifact / 设计画布工具,而非 Claude Code。该技能要解决的问题是:提示词过于模糊时,Claude Design 会就范围、语气、配色、字体、首屏、设备等逐项反复提问;本技能通过撰写信息密度高、判断明确的设计简报,使这些追问不再出现,让画布在第一轮消息后即开始绘制。
主要能力
- 输出包含明确设计决策的项目简报,覆盖范围、变体方向、语气(以参考应用命名,而非仅用形容词)、调色板(十六进制色值)、字体(显示字体、正文字体、等宽字体,并为授权字体提供 Google Fonts 回退)、Hero 形式、动态元素(滚动字幕、计数器、动画统计等明确是或否)、图片(真实、占位框或 AI)、CTA(捐赠/支付或订阅模式,或明确没有)、交互导航范围、风险分解、设备(主视口与次视口策略)以及项目特有事项。
- 变体方向之间保持正交区分,不仅颜色不同,至少在三个正交轴上有所差异;若两个方向落在同一单元格,则需要调整其中之一。
- 将 7 条画布运行时限制作为默认项写入每个提示词。
- 风险部分按子风险分解为 2–4 项,而非泛泛陈述。
- 用户点名的模式(如“ACU sticky donate”“Kyiv Independent newsletter band”)逐字引用;用户明确拒绝的内容收入负面参考部分。
使用方式
技能分为两种模式:with-brief 模式(已存在 UI-CHALLENGE.md 时,从中翻译并引用 5–8 条规则)与 standalone 模式(从研究材料直接生成);两者之上还可叠加新建或重建场景。运行步骤为:
- 发现:阅读源材料(研究文档、品牌简报、旧站 URL、头脑风暴记录),判断模式,用一句话确定核心优势,确认范围与变体数量(这两个无法猜测的问题需向用户询问一次),记录用户点名的模式与原话拒绝。
- 决定默认值:用户说“你帮我决定”时直接决策并说明理由;如需具体配色/字体,可在提交各方向配色与字体块之前调用 ui-ux-pro-max 作为子步骤。
- 应用变体评分标准:在正交轴表上勾画方向。
- 撰写提示词:默认写入仓库根目录的 CLAUDE-DESIGN-PROMPT.md;若已存在则命名为 CLAUDE-DESIGN-PROMPT-v2.md。目标长度 60–150 行,硬上限 250 行;超过 200 行可能是在重复 ui-brief 的工作,此时应切换到 with-brief 模式并引用简报。
- 返回前检查:覆盖指南各决策区域均已在某处写明;每个方向的配色与字体给出具体十六进制值与字体家族及 Google Fonts 回退;方向至少在三个正交轴上不同;7 条画布约束全部编码;用户点名的模式逐字出现;用户明确拒绝的内容出现在负面参考部分;风险分为 2–4 个子风险;“交付物”部分列出画板数学与聊天与画布的分工摘要说明;源材料部分在 with-brief 模式引用 5–8 条规则,standalone 模式则概括或省略;提示词低于 250 行。最后用 3–5 句话向用户总结已确定的答案、提示词位置与暂缓事项。
适用场景
需要向 Claude Design 画布提交高完成度设计简报、希望减少来回问答、要求多个正交方向对比、或已有 UI-CHALLENGE.md 需要转换时适用。它与 ui-brief 是兄弟技能:后者面向 Claude Code 与生产构建,不经画布;两者可组合,也可与其他头脑风暴、设计辅助技能配合使用。
限制与约定
- 技能名称以 claude- 开头,属于 Anthropic 为第一方技能保留的前缀;此处是有意保留,因为该技能专门面向 Claude Design,去掉 claude 会降低可发现性;按相关规范,这类命名在确实面向对应 Anthropic 产品时审查仅告警、不判失败。
- 提示词结构应贴合项目,不套用固定模板;引用文件中的提示词模板仅作参考,不是填空表单。
- 具体产品功能、收费、价格、平台效果等在资料中未进一步说明的,暂未提供。
参考文件
技能包含 references/usage-modes.md(模式对比与场景轴)、canvas-constraints.md(7 条画布运行时限制)、variation-and-risks.md(正交轴评分与风险分解)、direction-examples/ 下的 safe.md、bold.md、experimental.md 示例,以及 anti-patterns.md(12 条反模式与预防规则)和 prompt-template.md(示例结构)。