用途
stitch-design-taste 是一个面向 Google Stitch 的语义设计系统技能。它的核心用途是生成 DESIGN.md 文件，作为使用 Stitch 生成新屏幕时的统一提示依据，使产出的界面遵循一套经过筛选的、非通用化的设计语言。Stitch 通过「视觉描述」理解设计，并配合具体色值、字体规格与组件行为，因此该技能把反模板化的前端工程指令转译为 Stitch 原生可解读的语义规则。
主要能力
生成的 DESIGN.md 用于编码以下内容：
- 视觉氛围：情绪、密度与设计哲学
- 色彩校准：中性色、强调色，以及带有十六进制色值的禁用模式
- 字体架构：字体栈、层级比例与反模式
- 组件行为：按钮、卡片、输入框及其交互状态
- 布局原则：网格系统、间距理念、响应式策略
- 动效理念：动画引擎规格、弹簧物理、持续微交互
- 反模式：明确列出的被禁 AI 设计陈规
使用方式
前置条件为：可通过 labs.google/stitch 访问 Google Stitch；可选配置 Stitch MCP Server，以便与 Cursor、Antigravity 或 Gemini CLI 进行程序化集成。
在生成 DESIGN.md 时，技能按照分析综合指令执行，包括以下环节：先定义氛围，从密度、变化度、动效三个维度取值（默认基线为变化度 8、动效 6、密度 4，并可根据用户描述动态调整）；再映射调色板；随后建立字体规则、定义 Hero 区、描述组件样式、定义布局原则、定义响应式规则、编码动效理念，最后列出反模式。
其输出的 DESIGN.md 具有固定结构，依次为：1. 视觉主题与氛围；2. 调色板与角色；3. 字体规则；4. 组件样式；5. 布局原则；6. 动效与交互；7. 反模式（被禁项）。
具体规则要点
色彩方面：最多 1 个强调色，饱和度低于 80%；严禁「AI 紫/蓝霓虹」美学，不得有紫色按钮光晕或霓虹渐变；使用绝对中性基底（Zinc/Slate）搭配高对比的单一强调色；整个输出保持同一套调色板，不得冷暖灰来回波动；禁用纯黑 #000000，改用 Off-Black、Zinc-950 或 Charcoal。
字体方面：标题需紧凑字距、克制的比例，层级通过字重与颜色体现而非仅靠巨大字号；正文宽松行距，每行最多 65 个字符；在高端/创意语境中禁用 Inter，强制使用 Geist、Outfit、Cabinet Grotesk 或 Satoshi；禁用通用衬线字体（Times New Roman、Georgia、Garamond、Palatino），如编辑/创意语境需要衬线，仅可使用 Fraunces、Gambarino、Editorial New 或 Instrument Serif；仪表盘或软件 UI 中一律禁用衬线；仪表盘仅使用无衬线搭配（Geist + Geist Mono 或 Satoshi + JetBrains Mono）；密度超过 7 时所有数字使用等宽字体。
Hero 区方面：允许在标题文字或字母之间内嵌小型语境化图片，图片与字高齐平、圆角，作为视觉标点；不允许文字与图片或其他文字重叠；禁用「Scroll to explore」「Swipe down」及滚动箭头、弹跳箭头等填充文案；变化度超过 4 时禁用居中 Hero；最多一个主 CTA，不得有次级「Learn more」链接。
布局方面：元素不得重叠，避免绝对定位堆叠内容；变化度超过 4 时禁用居中 Hero，强制使用分屏、左对齐或非对称留白；禁用「三张等宽卡片横排」的通用特性行，改用两列 Z 字形、非对称网格或横向滚动；优先 CSS Grid 而非 Flexbox 计算，不得使用 calc() 百分比取巧；使用 max-width 约束布局（如居中 1400px）；全高区块必须使用 min-h-[100dvh]，不得使用 h-screen（iOS Safari 会严重跳动）。
响应式方面：小于 768px 时所有多列布局折叠为单列，无例外；移动端不得出现横向滚动；标题通过 clamp() 缩放，正文最小 1rem/14px；交互元素最小 44px 点击目标；内嵌排版图片在移动端堆叠到标题下方；桌面横向导航折叠为干净移动菜单；纵向区块间距按比例缩减（clamp(3rem, 8vw, 6rem)）。
动效方面：弹簧物理默认 stiffness: 100、damping: 20；每个活跃组件应具备无限循环状态（Pulse、Typewriter、Float、Shimmer）；列表不得瞬间挂载，使用级联延迟实现瀑布式显现；仅通过 transform 和 opacity 做动画，不得动画 top、left、width、height；颗粒/噪点滤镜仅用于固定伪元素。
反模式（明确「NEVER DO」）包括：不使用 emoji；不使用 Inter；不使用通用衬线字体；不使用纯黑 #000000；不使用霓虹/外发光阴影；不使用过饱和强调色；不在大标题上使用过度渐变文字；不使用自定义鼠标光标；不允许元素重叠；不使用三列等宽卡片布局；不使用通用占位名（如 John Doe、Acme、Nexus）；不使用假整数（如 99.99%、50%）；不使用 AI 文案陈词（Elevate、Seamless、Unleash、Next-Gen）；不使用填充 UI 文案与滚动提示；不使用失效的 Unsplash 链接，改用 picsum.photos 或 SVG 头像；高变化度项目不使用居中 Hero。
适用场景
适用于希望通过 Google Stitch 生成统一、非通用化 UI 屏幕的场景，尤其是需要将一套明确的设计氛围、配色、字体、组件与动效规则固化为可复用提示文件时。也适用于需要与 Cursor、Antigravity 或 Gemini CLI 进行程序化集成的流程。
限制
需要具备 Google Stitch 访问权限；程序化集成需额外配置 Stitch MCP Server。本技能输出的是 DESIGN.md 设计规则文件，而非直接生成界面代码。该技能带有强烈取向，明确执行一套特定的高端美学，并非中立模板。关于收费、价格信息，资料中暂未提供。