design

通过去除不必要的复杂性，将设计精简至本质。优秀的设计应当是简洁、强大且干净的。当用户要求简化、精简……时使用。

弱化视觉上过于强烈或过度刺激的设计，在保持质量的同时降低视觉强度。当用户提到太突兀、太花哨……等情况时使用。

当用户想要设计、重新设计、塑造、评估、审查、润色、澄清、提炼、强化、优化、适配、添加动画、上色、提取或……

通过调整字体选择、层级、大小、字重和可读性来改善排版，使文本呈现更具设计感。当用户提及字体、排版等时使用。

通过极具技术野心的实现（着色器、弹簧物理、滚动驱动动画、60fps 动画）将界面体验推向传统极限。使用……

当用户希望使用模板和数据大规模创建 SEO 驱动的页面时使用。当用户提及“programmatic SEO”、“template pages”、“pages… ”时也可使用。

通过质询环节，用现有领域模型检验你的方案，打磨术语，并同步更新文档（CONTEXT.md、ADR）……

审查并调整 UI，使其符合设计系统标准、间距、设计变量和模式。当用户提到一致性、设计偏移、不匹配……时使用。

提取并整合可复用组件、设计令牌和模式到您的设计系统中。识别系统性复用的机会并丰富……

已弃用：此技能已更名为 'impeccable'。请改为运行 /impeccable。

设计与优化新手引导流程、空状态和首次运行体验，帮助用户快速获取价值。当用户提及新手引导……时使用。

运用设计理念，在 .png 和 .pdf 文档中创作精美的视觉艺术。当用户要求创作海报、艺术品等时，应使用此技能。

当用户想要优化任何非注册/报名表单时——包括潜在客户捕获表单、联系表单、演示请求表单、申请表单……

已弃用：请改用 /impeccable teach。此命令已合并到 impeccable 技能中。

当用户希望出于营销目的（如潜在客户挖掘、SEO 价值或品牌知名度）规划、评估或构建免费工具时。此外，当用户……时也可使用。

高级 UI/UX 工程师。构建数字界面以覆盖默认的 LLM 偏见。执行基于指标的规则、严格的组件架构、CSS 硬件……

创建应用或为应用添加 Convex。用于新的 Convex 项目，npm create

教导 AI 像高端设计机构一样进行设计。定义能让网站尽显高级感的精确字体、间距、阴影、卡片结构和动画……

react:components — 一项可安装的 AI 代理技能，由 google-labs-code/stitch-skills 发布。

分析 Stitch 项目，并将语义化设计系统整合到 DESIGN.md 文件中。