Taste
生成一份能主动避免千篇一律 AI 审美的 DESIGN.md——经过校准的色彩、有辨识度的排版，以及明确的反模式清单。
这款出色的 Agent Skill 由社区成员 Leon Lin 贡献。
大多数 AI 生成的界面都会趋同于同一种外观：过饱和的紫色渐变、居中的三栏卡片、Inter 字体，以及捏造的统计数据。taste-design 技能生成的设计系统会明确禁止这些套路，并贯彻高端设计标准。
何时使用 taste-design
| 技能 | 作用 | 理念 |
|---|---|---|
extract-design-md | 从源代码逆向推导 token | 描述性——记录已有的内容 |
design-md | 从现有 Stitch 屏幕中提取 token | 描述性——记录已有的内容 |
taste-design | 根据概念生成设计系统 | 规范性——贯彻高端标准 |
当你从零开始，并且想要一套超越 AI 生成平均水准的设计系统时，请使用 taste-design。
生成高端的 DESIGN.md
输出内容包括：在品味光谱上校准的视觉氛围、严格的反模式规则、经过校准的色彩科学、有明确主张的排版，以及弹簧物理动效规格。
色彩校准
色彩采用 HSL，并有意收敛饱和度。这体现了印刷设计的一条原则：精致的色板在大面积表面上使用低饱和度色彩，而把高饱和度留给小而刻意的点缀。
该技能执行的规则：
- 强调色饱和度保持在 80% 以下——不使用过饱和的霓虹色
- 禁止使用纯黑（
#000000）——改用 Zinc-950（#18181B）这类近黑色 - 最多使用一种强调色——强制保持视觉纪律
调整色板
排版
该技能使用音程比例来构建字号阶梯——正是那些让音程听起来自然的和声关系：
| 音阶 | 比例 | 特性 |
|---|---|---|
| 小三度 | 1.200 | 紧凑、信息密集 |
| 大三度 | 1.250 | 均衡、通用 |
| 纯四度 | 1.333 | 宽裕、编辑感强 |
| 黄金比例 | 1.618 | 戏剧化、冲击力强 |
字体搭配规则：
- 在高端场景中禁止使用
Inter——它太泛滥了 - 推荐的无衬线字体：
Geist、Outfit、Cabinet Grotesk、Satoshi - 推荐的现代衬线字体：
Fraunces、Gambarino、Editorial New - 仪表盘约束：只能使用无衬线字体 + 等宽字体（
Geist+Geist Mono）
空间节奏
每个外边距、内边距和间隙都是基础单位的倍数（通常是 4px 或 8px）。这样形成的空间关系，即便不对称，视觉上也会显得井然有序。
调整密度
品味光谱的范围从 1（通透轻盈）到 10（驾驶舱级密集）：
更高的密度会启用等宽数字以保证对齐、用顶部边框分隔线代替卡片、收紧间距比例，并采用靠排版而非阴影来区分的扁平表面。
品味评分标准
从四个维度评估你的 DESIGN.md。高端设计在四个维度上都能达到 7 分以上：
| 维度 | 衡量内容 |
|---|---|
| 色彩精致度 | 色板的克制、饱和度的把控、对比度的刻意设计 |
| 排版功力 | 字体的辨识度、字号阶梯的和谐、字重的层级 |
| 空间一致性 | 基础单位的一致性、节奏、响应式缩放 |
| 视觉层级 | 清晰的主/次/三级层次、信息架构 |
如果某个维度显得薄弱：
反模式检查清单
定稿之前，请确认不存在以下情况：
- ❌ 设计中不使用 emoji
- ❌ 不使用
Inter字体 - ❌ 不使用纯黑（
#000000） - ❌ 不使用霓虹外发光阴影
- ❌ 不使用三栏等宽卡片布局
- ❌ 不捏造指标（“99.98% UPTIME”、“124ms AVG. RESPONSE”）
- ❌ 不使用 AI 文案的陈词滥调（“Elevate”、“Seamless”、“Unleash”）
- ❌ 不使用填充式 UI 文案（“Scroll to explore”、上下弹跳的箭头）
- ❌ 不使用
LABEL // YEAR这类格式化模式
原文: https://stitch.withgoogle.com/docs/skills/taste/
本页翻译自 Google Stitch 官方文档，原文版权归 Google LLC 所有。本站为独立第三方翻译，与 Google 无关联。