本技能是一个全面的代码审查与陷阱预防工具，专注于现代Web开发中的常见错误模式。它通过自动化检查，帮助开发者在代码审查、提交前和调试阶段，系统性地识别并预防在TanStack Query、Drizzle ORM、Express API、React、WebSocket、区块链RPC和安全等领域的高频问题。关键词：代码审查，陷阱预防，Web开发，React，区块链，安全，最佳实践，自动化检查，开发效率。

本指南提供了React 19开发的核心概念、模式和最佳实践，包括Actions、Server Components和新的hooks，旨在帮助开发者构建高性能的React应用。

React Native性能优化技巧，包括列表优化、组件记忆化、避免不必要的重新渲染等，旨在提升Expo/React Native应用的性能表现。

这项技能涉及使用Next.js/React技术栈进行前端开发，包括UI实现、API集成、状态管理等关键环节，确保项目在前端的高质量交付。

这个技能提供了一个生产就绪的设置指南，用于使用 Tailwind CSS v4、shadcn/ui、Vite 和 React 构建前端项目。它涵盖了暗色模式实现、CSS 变量架构、常见问题修复和最佳实践，帮助开发者高效搭建和调试现代 Web 应用。关键词：Tailwind v4, shadcn/ui, Vite, React, 暗色模式, CSS 变量, 前端开发, 生产部署, SEO。

这个技能用于自动生成Jest单元测试，适用于JavaScript和TypeScript代码，包括Mocking、覆盖率分析、测试结构组织等。它能提升前端开发中的测试效率，覆盖常见测试场景如React组件测试、异步代码测试和错误处理。关键词：Jest, 测试生成, 单元测试, JavaScript, TypeScript, 覆盖率, Mocking, 前端测试。

OnchainKit是Coinbase提供的React组件库，用于快速构建生产就绪的链上应用程序，简化区块链开发，支持钱包连接、身份管理、代币交换等核心功能，无需复杂后端，适用于DApp开发、Web3应用和区块链项目。关键词：区块链开发、React组件、DApp、链上应用、Coinbase、Web3、智能合约。

本技能组提供综合指南，用于使用Next.js、Turborepo和RemixIcon构建现代全栈Web应用程序。适用于React应用开发、服务器端渲染、单仓库管理、构建性能优化和图标库集成。关键词：Next.js, Turborepo, RemixIcon, 全栈开发, 前端框架, 单仓库, 图标库, SEO优化。

零构建前端开发是一种前端技术，通过CDN直接加载React、Tailwind CSS等库，无需本地构建工具，适用于快速开发静态网站、地图应用、数据驱动应用和浏览器扩展。关键词：零构建、前端开发、CDN、React、Tailwind CSS、JavaScript、静态网站、浏览器扩展、Google Sheets、Leaflet。

这个技能提供React/TypeScript组件开发的最佳实践指南，适用于前端开发，涵盖组件架构、TailwindCSS样式、状态管理、性能优化和可访问性。关键词：React, TypeScript, 前端开发, 组件开发, TailwindCSS, 性能优化, 可访问性。

这是一个由Vercel工程团队提供的React和Next.js性能优化技能指南，包含57条规则，分为8个优先级类别，用于指导开发者编写、审查和重构代码，以消除性能瓶颈、优化包大小、提升服务器和客户端性能。关键词：React, Next.js, 性能优化, Vercel, 前端开发, 代码重构, 包优化, 数据获取

React服务器端动作是一种在Next.js 14+框架中实现的功能，用于安全处理表单提交和服务器端数据操作，无需API路由。它支持渐进增强、服务器端验证、文件上传和乐观UI更新，适用于现代Web开发中的表单处理、服务器突变和性能优化场景。关键词：React Server Actions, Next.js, 表单处理, 服务器端突变, 渐进增强, 安全性, 缓存重新验证, 文件上传, 乐观UI更新, Web开发。