react

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

审查某个功能，并通过有目的的动画、微交互和动效来增强它，从而提升可用性与用户体验。适用于当用户……

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

添加愉悦感、个性与意想不到的细节，让界面令人难忘且使用体验愉悦。将功能性提升至令人愉悦的层次。当……时使用

当用户需要为 LinkedIn、Twitter/X、Instagram、TikTok、Facebook 或其他平台创建、排期或优化社交媒体内容时。

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

通过 ScrapeGraph AI CLI 搜索、抓取、爬取、提取结构化数据以及监控网页。当用户要求搜索网页、抓取网页……时使用。

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

在创建新技能、编辑现有技能或在部署前验证技能是否正常工作时使用

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

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

超压缩通信模式。通过省略填充词、冠词和客套话，同时保持完整的技术准确性，减少约75%的Token消耗。当用户说“caveman mode”、“talk like caveman”、“use caveman”、“less tokens”、“be brief”或调用 /caveman 时使用。

通过 Firecrawl CLI 搜索、抓取网页并与 Web 交互。当用户想要搜索网络、查找文章、研究主题、在线查询、抓取网页、从 URL 获取内容、从网站提取数据、爬取文档、下载网站，或与需要点击或登录的页面进行交互时，请使用此技能。当用户说“获取此页面”、“从中提取内容”、“获取位于 https:// 的页面”或提及外部网站时，也应使用此技能。它提供实时网络搜索、完整页面内容获取和交互功能——超越了 Claude 原生内置工具的能力。对于本地文件操作、git 命令、部署或代码编辑任务，请勿触发此技能。

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

配置 Better Auth 服务端和客户端，设置数据库适配器，管理会话，添加插件以及处理环境变量。当用户提及……时使用。

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

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

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

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

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