ui

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

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

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

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

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

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

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

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

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

用于操作 Firebase Hosting（经典版）的技能。当你需要部署静态 Web 应用、单页应用（SPA）或简单的微服务时，请使用此技能。切勿…

使用 Firebase App Hosting 部署和管理 Web 应用。在部署带有后端的 Next.js/Angular 应用时，请使用此技能。

飞书 OKR：管理目标与关键结果。查看和编辑 OKR 周期、目标（Objective）、关键结果（Key Result）、对齐关系、量化指标和进展记录。当用户需要查看或创建 OKR、管理目标和关键结果、查看对齐关系时使用。

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

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

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

设置 Convex 认证、身份映射和访问控制。用于登录和认证。

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

将现有网站和应用升级至高端品质。审查当前设计，识别通用 AI 模式，并应用高标准设计规范，而无需……

一套用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂、多组件 claude.ai HTML 产物的工具集。使用…

使用 Tailwind CSS v4、设计令牌、组件库和响应式模式构建可扩展的设计系统。适用于创建组件库……