这是一个用于React和Next.js应用性能优化的技能，提供Vercel工程团队的45条最佳实践规则，涵盖从消除瀑布效应到包大小优化等关键领域，旨在指导代码重构和自动化生成。关键词包括：React, Next.js, 性能优化, 前端开发, 代码审查, 数据获取, 包优化, 渲染性能, JavaScript优化。

该技能用于使用JavaScript和TypeScript进行Web开发，涵盖前端开发（如React）、后端开发（如Node.js）以及全栈项目构建。关键词包括JavaScript、TypeScript、前端开发、后端开发、ES6+、Node.js、React、Web框架。

本技能提供由Vercel工程团队维护的React和Next.js应用性能优化指南，涵盖57条规则，分为8个优先级类别，帮助开发者在编写、审查、重构代码时优化性能，关键词包括React、Next.js、前端开发、性能优化、Vercel、数据获取、包大小优化、渲染优化、JavaScript优化，适用于提升网站速度和用户体验。

这个技能组用于构建现代化的全栈Web应用，整合了Next.js、Turborepo和RemixIcon工具，涵盖服务器端渲染、静态生成、构建优化和图标集成。关键词：Next.js、Turborepo、RemixIcon、React、服务器端渲染、单仓库管理、前端开发、图标库、全栈Web应用。

Tailwind CSS 是一个实用优先的CSS框架，专为快速用户界面开发设计，支持响应式布局、暗黑模式、自定义主题和设计系统构建，适用于各种Web框架，如React、Vue、Svelte等。关键词：CSS框架、实用优先、响应式设计、暗黑模式、UI开发、前端工具。

Next.js Server Components技能用于通过服务器端渲染React组件来优化Web应用性能，减少客户端JavaScript负载，提升SEO和用户体验。关键词包括Next.js、Server Components、服务器端渲染、性能优化、React、前端开发、SEO、Core Web Vitals、流式渲染、数据库访问。

此技能提供全面的质量保证和测试自动化解决方案，专为现代 Web 应用如 ReactJS、NextJS、NodeJS 设计。核心功能包括自动化测试套件生成、代码覆盖率分析、端到端测试脚手架搭建，帮助团队提升软件质量、优化测试策略和确保应用稳定性。关键词：质量保证、测试自动化、测试套件、覆盖率分析、E2E 测试、ReactJS、NextJS、NodeJS。

此技能提供React前端开发的全方位指导，涵盖组件、JSX、props、state、hooks、context等核心概念，以及性能优化和最佳实践。适用于开发React应用、管理状态和使用hooks的场景，关键词包括React、前端开发、组件、JSX、props、state、hooks、context、性能优化和最佳实践，方便SEO搜索。

Detox移动测试框架技能提供全面的指导，涵盖React Native测试、端到端测试和测试同步，适用于移动应用测试和质量保证，关键词包括移动测试、React Native、E2E测试、测试同步、Detox框架。

原子设计模板技能用于在前端开发中，基于原子设计方法论创建可重用的页面布局模板。它涉及定义内容区域、实现响应式设计、组合组件以提高开发效率和一致性。关键词包括原子设计、模板、页面布局、前端开发、React、CSS、响应式设计、组件组合。

这个技能专注于使用 React Native 构建移动应用的用户界面组件，包括核心组件如 View、Text、Image，以及自定义组件和常见模式。适用于移动开发、前端开发，关键词包括 React Native、UI 组件、移动应用开发、组件库、前端技术。

Remix全栈开发技能是专门用于构建现代Web应用程序的专家级工具集，提供React全栈开发、渐进增强、嵌套路由、表单处理、错误边界和边缘部署等核心功能。适用于前端开发、后端API集成、用户认证、数据管理和性能优化等场景，帮助开发者快速构建高性能、可维护的Web应用。关键词：Remix框架、全栈开发、React应用、渐进增强、嵌套路由、表单处理、错误边界、边缘部署、Web开发、现代前端技术。