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

该技能用于在 React 前端开发中优化 JSX 渲染性能，通过提取静态 JSX 元素到组件外部，避免每次渲染时的重新创建，提高应用效率和响应速度，特别适用于大型静态 SVG 节点。关键词包括：React、JSX、渲染优化、静态元素、性能提升、前端开发、性能优化。

这是一个用于构建基于现代前端技术的复杂HTML制品的工具套件，特别适用于Claude.ai平台。它使用React、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，便于创建高质量的前端制品。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML制品构建、Claude.ai、状态管理、路由。

React Native 开发技能是一个专注于跨平台移动应用开发的工具集。它深度集成 React Native 生态系统，提供从项目初始化、组件开发、状态管理、导航配置到性能优化、测试和调试的全套解决方案。适用于使用 JavaScript/TypeScript 构建高性能 iOS 和 Android 应用的开发者。关键词：React Native, 跨平台开发, 移动应用, JavaScript, TypeScript, 原生模块, 性能优化, 状态管理, 导航, 测试。

React 开发避坑指南，提供 React 组件模式、表单验证、错误边界、可访问性 (a11y) 和响应式设计的常见陷阱与最佳实践。适用于前端开发、代码审查、性能优化、用户体验提升。关键词：React 组件，表单验证，错误边界，可访问性，响应式设计，前端开发，React Hook Form，Zod，ARIA，useEffect。

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

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

React Native App开发技能涉及使用React Native构建跨平台移动应用，包括导航、状态管理、API集成和原生模块处理。

React Web 开发技能，涵盖测试先行开发、组件和钩子测试模式、项目结构、组件模式、状态管理、路由、样式、表单处理、测试策略和性能优化。关键词：React, 测试先行，组件开发，状态管理，React Router，CSS 模块，Tailwind, 性能优化。

Context7智能文档助手是一款专为开发者设计的AI工具，能够实时获取和查询最新技术库文档。通过API接口，该技能可快速搜索React、Next.js、Supabase等主流开发框架的官方文档，提供准确的API参考、最佳实践和版本信息。关键词：文档查询、API参考、开发工具、实时文档、技术库搜索、编程助手、版本管理、开发效率。

这个技能教授如何使用 TanStack Query v5（React Query）进行 React 应用中的服务器状态管理，包括数据获取、缓存、突变和错误处理。关键词：TanStack Query, React Query, useQuery, useMutation, 数据获取, 缓存, 服务器状态, 前端开发。

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