audit

来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js……时，应使用此技能。

审查 UI 代码是否符合 Web Interface Guidelines 规范。当要求“review my UI”、“check accessibility”、“audit design”、“review UX”或“check my site…”时使用。

面向 Web 和移动端的 UI/UX 设计智能。包含 50+ 种风格、161 种调色板、57 种字体搭配、161 种产品类型、99 条 UX 准则以及 25 种图表…

从用户体验视角评估设计，审视视觉层次、信息架构、情感共鸣、认知负荷及整体质量，通过……

针对无障碍、性能、主题、响应式设计和反模式运行技术质量检查。生成包含 P0-P3 严重级别的评分报告……

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

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

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

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

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

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

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

在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、旁白、音频响应视觉效果和场景过渡。适用于……

捕获网站并从中创建 HyperFrames 视频。适用场景：(1) 用户提供 URL 并希望生成视频；(2) 用户要求“捕获这个网站”、“将其转换为视频”或“用我的网站制作宣传片”；(3) 用户需要基于现有网站制作社交广告、产品导览或任何视频；(4) 用户分享链接并要求生成任何类型的视频内容。即使用户只是粘贴了一个 URL，也应使用此技能。

使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 以及 CSS view…）实现流畅、原生体验动画的指南

一个通用的自我改进智能体，能从所有技能经验中学习。采用多记忆架构（语义 + 情景 + 工作）以持续进化…

当用户要求“构建 Solana dapp”、“编写 Anchor 程序”、“创建代币”、“调试 Solana 错误”、“设置钱包连接”、“测试我的 Solana…”时使用

使用 Better Auth 在 TypeScript/JavaScript 应用中搭建脚手架并实现身份验证。检测框架、配置数据库适配器、设置路由处理器，…

本技能用于界面设计——仪表盘、管理后台、应用程序、工具和交互产品。不适用于营销设计（落地页、营销网站……

审查 UI 代码是否符合 Web Interface Guidelines 规范。当被要求“review my UI”、“check accessibility”、“audit design”、“review UX”或“check my site…”时使用。