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

技术栈检测技能自动识别项目中的技术框架（如React、Vue）、包管理器和配置模式，适用于项目启动、依赖分析、框架指导，帮助开发人员快速理解架构并优化开发流程。关键词：技术栈检测、框架识别、包管理器、配置分析、项目架构、SEO优化。

UI/UX设计智能技能是一个全面的前端设计工具，提供可搜索的UI样式库、调色板、字体配对、图表类型和UX指南，支持多种技术栈如React、Vue、Tailwind等。用于规划、构建、设计和优化用户界面和用户体验，适用于网站、应用、仪表板等项目，提升设计效率和专业性。关键词：UI/UX设计、前端开发、样式库、颜色搭配、字体配对、用户体验、响应式设计、暗黑模式、可访问性、设计系统。

这个技能提供全面的React和Next.js性能优化指南，包含40多个规则，用于消除瀑布、优化包大小和提高渲染性能。适用于开发者优化应用性能、审查代码、重构组件等场景，帮助提升前端开发效率和用户体验。关键词：React性能优化、Next.js优化、前端性能、包大小优化、消除瀑布、渲染优化、JavaScript性能。

这是一个由Vercel维护的React和Next.js前端性能优化技能，提供45个规则覆盖8个类别，用于代码编写、审查和重构，以提升应用性能。关键词：React, Next.js, 性能优化, 前端开发, 代码优化, Vercel。

本技能提供由 Vercel 维护的 React 和 Next.js 应用性能优化指南，包含 45 条规则，按优先级分类，用于自动化重构和代码生成。适用于编写、审查或重构 React/Next.js 代码，确保最佳性能模式。关键词：React, Next.js, 性能优化, Vercel, 前端开发, 代码优化, 自动化重构。

这是一个关于 TanStack Query（React Query）的专业技能，专注于在 React 应用中高效管理服务器状态。它提供了数据获取、缓存、变更处理、乐观更新、无限查询和预取等核心功能的实现模式与最佳实践。适用于需要优化数据流、提升应用性能和用户体验的前端开发场景。关键词：React Query，服务器状态管理，数据缓存，乐观更新，无限查询，前端性能优化，React 数据获取。

这是一个关于 styled-components CSS-in-JS 库的技能，提供主题化、组件变体、服务端渲染支持等功能的专家级实现指导。关键词：styled-components, CSS-in-JS, React 样式, 前端主题, 组件库开发, SSR 支持。

提供React模式，包括hooks、effects、refs和组件设计的最佳实践。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。

React 中异步/等待的正确性，使用 Zustand。用于调试竞态条件、遗漏的等待、悬浮承诺或异步定时问题。适用于 React Web 和 React Native。

这项技能涵盖了 React 应用性能优化的多种模式和实践，包括记忆化、虚拟化、选择器优化、避免不必要渲染等，旨在提升 React 应用的性能和用户体验。

使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证，包括客户端验证、服务器端同步和实时错误反馈。