该技能专注于现代前端开发的最佳实践，涵盖使用React Server Components进行服务器端渲染、性能优化技术如代码分割和捆绑优化，以及优化Core Web Vitals指标（如LCP、INP、CLS）以提升网站性能和用户体验。适用于React、Next.js等框架，关键词：前端开发、React Server Components、性能优化、Core Web Vitals、代码分割、图像优化、字体加载、CLS预防。

这个技能提供了用于React/Next.js的聊天用户界面构建块，包括容器、消息、输入和打字指示器等组件，帮助开发者快速构建自定义聊天界面、消息应用和AI助手界面。关键词：聊天UI, React组件, Next.js, 前端开发, 聊天界面, AI助手, 用户界面设计。

这是一个用于创建复杂多组件Claude.ai HTML前端工具的技能套件，使用React、Tailwind CSS、shadcn/ui等现代Web技术。适用于需要状态管理、路由或高级UI组件的项目，关键词包括前端开发、React、Tailwind CSS、shadcn/ui、构建工具。

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

这个技能用于掌握和使用 React Hooks 的各种模式，包括 useState、useEffect、useContext、useMemo、useCallback 和自定义钩子，实现现代 React 前端应用中的状态管理、副作用处理、性能优化和可重用逻辑。关键词：React Hooks, 前端开发, 状态管理, 副作用, 性能优化, 自定义钩子。

邮件处理器技能专注于使用React Email框架高效创建和发送事务性邮件。核心功能包括：邮件模板开发、动态数据集成、HTML渲染、邮件发送逻辑、Tailwind样式设计。适用于用户注册、密码重置、订单确认、系统通知等自动化邮件场景。关键词：React Email，事务性邮件，邮件模板，邮件自动化，Tailwind CSS，Next.js，邮件发送，前端开发。

OnchainKit 是 Coinbase 提供的 React 组件库，用于快速构建链上（Onchain）应用程序。该技能专注于 Web3 和 DApp 开发，提供钱包连接、身份管理、代币兑换、NFT 铸造和支付处理等核心功能模块。开发者无需深厚区块链后端知识，即可利用其预置组件高效开发部署在 Base 等链上的去中心化应用，显著降低开发门槛和交易成本。关键词：OnchainKit, 链上应用, Web3开发, DApp, React组件, Coinbase, 钱包集成, 代币兑换, NFT, 区块链开发。

此技能用于在 React 应用中实现类型安全的表单验证，结合 React Hook Form 和 Zod 库。它支持表单模式定义、字段数组、多步骤表单、客户端和服务器端验证，并解决常见错误如未控制到控制警告。关键词：React Hook Form, Zod, 表单验证, 类型安全, 前端开发, React 表单, 性能优化, 可访问性。

这个技能用于创建8位复古风格的像素化边框、阴影和效果，适用于UI组件开发，通过绝对定位的div实现像素艺术美学。关键词包括：像素艺术、8位、UI组件、CSS、React、前端开发。

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

此技能提供Algolia搜索的集成解决方案，涵盖React InstantSearch hooks使用、Next.js服务器端渲染、数据同步和索引策略。适用于开发者在Web应用中添加高效的搜索功能。关键词：Algolia搜索、React、InstantSearch、Next.js、SSR、索引策略、数据同步。

此技能用于通过一个命令快速创建React Native项目，涵盖项目初始化、配置和模板生成，旨在简化移动应用开发流程。关键词包括：React Native, 项目创建, 移动开发, 前端框架, 自动化工具。