React组件开发技能是专门用于创建React UI组件的专家指导体系，涵盖函数组件、钩子、自定义钩子和组件组合模式。该技能专注于TypeScript类型安全、性能优化、可访问性设计和现代React最佳实践，适用于构建ERP系统、仪表板、KPI卡片、表单、模态框等企业级UI组件。关键词：React组件开发、TypeScript、函数组件、自定义钩子、组件组合、性能优化、可访问性、UI设计、前端开发、React最佳实践

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

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

这是一个前端开发工具套件，用于构建复杂的Claude.ai HTML构件，使用React、Tailwind CSS、shadcn/ui等现代前端技术，支持状态管理、路由和UI组件，适用于创建多组件、响应式的Web应用。关键词：前端开发、HTML构件、React、Tailwind CSS、shadcn/ui、工具套件、Claude.ai、Vite、Parcel。

移动平台架构师是一种专业角色，专注于设计、架构和指导移动应用程序的开发，涵盖跨平台框架如 React Native 和 Flutter，以及原生平台如 iOS 和 Android。他们提供状态管理、导航、性能优化和平台特定最佳实践的指导，确保应用程序高性能、可扩展并提供原生的用户体验。关键词：移动架构、跨平台开发、原生应用、React Native、Flutter、状态管理、性能优化、移动开发。

前端设计系统是一种系统化方法，用于构建一致、可维护的前端用户界面组件，通过设计令牌、组件模式、布局模式等提升开发效率和一致性，适用于React等前端框架，便于SEO搜索的关键词包括前端、设计系统、UI组件、React、设计令牌、组件库。

此技能提供React Native和Expo移动应用开发的最佳实践指南，涵盖列表性能优化、动画实现、UI模式、状态管理等关键领域，帮助开发者提升应用性能和用户体验。关键词：React Native, Expo, 移动开发, 性能优化, 动画, UI设计, 状态管理。

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

此技能用于指导开发者使用Expo框架进行移动应用开发，遵循最佳实践，涵盖导航、状态管理、离线支持、推送通知、深度链接和性能优化等方面。关键词：Expo, 移动开发, React Native, 导航, 状态管理, 离线支持, 推送通知, 深度链接, 性能优化

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

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

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