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

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

React服务器端动作是一种在Next.js 14+框架中实现的功能，用于安全处理表单提交和服务器端数据操作，无需API路由。它支持渐进增强、服务器端验证、文件上传和乐观UI更新，适用于现代Web开发中的表单处理、服务器突变和性能优化场景。关键词：React Server Actions, Next.js, 表单处理, 服务器端突变, 渐进增强, 安全性, 缓存重新验证, 文件上传, 乐观UI更新, Web开发。

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

前端开发模式技能专注于使用React和Next.js框架，涵盖组件设计、状态管理、性能优化、UI最佳实践等，帮助开发者构建高性能、可维护的前端应用。关键词：前端开发、React、Next.js、状态管理、性能优化、UI设计、组件模式、量化交易应用。

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

移动响应式网页开发技能专注于构建响应式、移动优先的网页应用，涵盖响应式布局设计、触摸交互优化、移动导航实现和屏幕尺寸适配。关键词包括移动响应式、前端开发、CSS、React、响应式设计、移动优先、断点、触摸事件、视口优化。

这个技能专注于创建原子级UI组件，如按钮、输入框、标签和图标，作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性，用于构建一致的前端界面。关键词：原子设计，UI组件，前端开发，设计系统，React组件，可访问性，样式令牌。

这是一个用于生成 CookMode V2 代码库技术文档的专用工具。它专注于描述现有系统的实现细节、文件结构、组件交互和数据流，提供准确、客观的事实性信息，不提供改进建议或批判性分析。关键词：CookMode V2, 技术文档, 代码库地图, 系统架构, 事实源, React, Supabase, 前端开发。

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

React Native 移动开发技能指南，提供使用 React Native 和 Expo 框架构建跨平台 iOS 和 Android 移动应用的完整工作流程。涵盖项目初始化、组件开发、平台适配、性能优化、调试部署等核心知识，适用于前端开发者和移动应用工程师快速上手混合应用开发。

ShadCN UI组件开发规范是一套针对React前端开发的标准化指南，专注于UI组件构建、无障碍访问（WCAG 2.1 AA）、TailwindCSS最佳实践和TypeScript类型安全。该规范详细说明了如何使用ShadCN UI库（基于Radix UI原语）进行现代Web应用开发，包括组件安装模式、表单验证（React Hook Form + Zod）、服务器/客户端组件划分、深色模式支持以及严格的测试方法。适用于构建企业级React应用、Next.js项目，确保代码一致性、可维护性和卓越的用户体验。