ing

React 和 Next.js 性能优化指南，来自 Vercel Engineering。此技能应在编写、审查或重构 React/Next.js 代码时使用。

创建新技能，修改和改进现有技能，并衡量技能性能。当用户想要从头创建技能、编辑或优化…时使用。

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

在进行任何创意或架构工作（功能设计、组件创建或行为变更）之前调用。一个为……优化的精简头脑风暴流程。

构建高性能移动应用的 React Native 和 Expo 最佳实践。使用

Next.js 最佳实践 - 文件约定、RSC 边界、数据模式、异步 API、元数据、错误处理、路由处理程序、图片/字体优化等

针对疑难缺陷与性能回退的严谨诊断循环：复现 → 最小化 → 假设 → 埋点 → 修复 → 回归测试。当用户……时使用。

在交付前执行最终质量检查，修复对齐、间距、一致性和微细节问题。当用户提到润色、收尾……时使用。

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

诊断并修复 UI 性能问题，涵盖加载速度、渲染、动画、图片和打包体积。当用户提到缓慢、卡顿、掉帧等情况时使用。

在收到代码审查反馈时使用，尤其是在实施建议之前，当反馈看似不明确或在技术上存在疑问时——需要技术……

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

当用户想要在其网站上添加、修复或优化 schema markup 和结构化数据时使用。当用户提到“schema markup”、“结构化……”时也可使用。

当用户需要关于 Google Ads、Meta（Facebook/Instagram）、LinkedIn、Twitter/X 或其他广告平台的付费广告活动帮助时使用。也适用于……

让接口达到生产就绪状态：错误处理、空状态、新手引导流程、国际化（i18n）、文本溢出以及边缘情况管理。当用户要求……时使用。

当用户想要创建、优化或分析推荐计划、联盟计划或口碑策略时使用。当用户提到……时也可使用。

当用户希望优化注册、账户创建或试用激活流程时使用。当用户提及“注册转化率”时也应使用，…

当用户想要创建或优化应用内付费墙、升级界面、追加销售弹窗或功能门控时使用。当用户提及“paywall”、…时也应使用。

当用户希望出于转化目的创建或优化弹出窗口、模态框、浮层、滑入式组件或横幅时使用。当用户提到“退出…”时也可使用。

当用户希望为任何付费广告生成、迭代或扩展广告创意——包括标题、描述、主要文本或完整的广告变体——时……