Vercel React 最佳实践技能提供React和Next.js前端应用的性能优化综合指南，包含57条规则，按优先级分类。适用于编写、审查、重构React/Next.js代码时，确保最佳性能模式，涉及组件、页面、数据获取、包优化和性能改进，帮助提升应用速度、减少加载时间，优化用户体验。关键词：React, Next.js, 性能优化, 前端开发, Vercel, 最佳实践。

React服务器动作是一种在Next.js 14+中用于处理表单和服务器端操作的技能，允许开发者在服务器端安全执行代码，无需传统API路由，支持渐进增强和优化用户体验。关键词：Next.js, React, 服务器动作, 表单处理, 服务器端突变, 渐进增强, 乐观UI更新, SEO搜索。

这个技能是关于 React Native Elements UI 组件库的使用最佳实践，帮助开发者构建高性能、主题一致的 React Native 移动应用。关键词包括：React Native、UI 组件、最佳实践、性能优化、主题配置、移动开发。

高级前端开发技能提供完整的工具和最佳实践，用于使用ReactJS、NextJS、TypeScript、Tailwind CSS等现代技术构建高性能Web应用程序。涵盖组件生成、包分析、前端脚手架、性能优化和UI最佳实践，适用于前端开发、React、NextJS、TypeScript、Web性能优化、组件库和前端工程化。

tRPC技能是用于构建端到端类型安全API的专家工具，专注于tRPC框架、React/Next.js集成、类型安全过程与路由器、中间件实现、错误处理以及实时订阅功能。关键词：tRPC，类型安全API，React集成，Next.js，全栈开发，Zod验证，中间件，RPC替代REST。

React命令面板开发指南，涵盖Cmd+K快捷键面板的键盘导航、滚动定位、过滤搜索和性能优化。关键词：React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化

这个技能用于在 Bknd 应用程序中配置和实现用户自注册功能，包括注册配置、启用/禁用注册、设置默认角色、密码验证、SDK 和 API 集成，以及前端 React 表单开发。关键词：Bknd、用户注册、身份验证、配置、SDK、API、React。

这是一个由Vercel维护的React和Next.js应用性能优化综合指南，包含45条规则，涵盖8个类别，按影响优先级排序，用于指导前端开发中的代码编写、审查和重构，以提高应用性能。关键词：React, Next.js, 性能优化, 前端开发, Vercel, 代码生成, 自动化重构。

这个技能是React生态系统专家，专注于帮助开发者掌握React hooks、状态管理、组件模式、React 19新特性（如编译器、动作、useActionState、useOptimistic）、Shadcn UI和Radix原语。它提供最佳实践指南、代码审查、性能优化和可访问性建议，用于构建高性能、可扩展的现代React应用。关键词：React, hooks, 状态管理, 组件, React 19, Shadcn UI, Radix, 前端开发, 性能优化, 可访问性。

这个技能提供了一套用于React/Next.js的UI组件，用于管理和显示工具调用的生命周期状态，包括待定、运行、批准、成功和错误。它支持人机交互批准流程、进度指示器、结果显示和工具图标自动匹配，适用于AI代理工具调用、前端开发中的工具生命周期管理。关键词：React、Next.js、UI组件、工具调用、生命周期、批准流程、前端开发、AI智能体、人机交互。

这个技能专注于使用TypeScript进行React前端开发，提供类型安全保证，覆盖React 18-19的特性，如通用组件、事件处理、服务器组件和路由集成。关键词：React, TypeScript, 前端开发, 类型安全, 组件开发, 钩子, 服务器组件, 路由集成。

网页构件构建器是一个前端开发工具套件，专门用于创建复杂的Claude.ai HTML artifact。它利用React、TypeScript、Vite、Parcel、Tailwind CSS和shadcn/ui等现代技术，支持状态管理、路由和组件化开发，适合需要高级前端功能的项目。关键词：前端开发、React、HTML artifact、Claude.ai、状态管理、路由、shadcn/ui。