shadcn/ui 是一个基于 Radix UI 原语和 Tailwind CSS 的 React 组件库，专注于提供高可访问性、易定制和生产就绪的 UI 组件。

React状态管理技能涉及使用不同的状态管理库和模式来处理React应用中的本地和全局状态。关键词包括React State, React Context, Zustand, Redux Toolkit, TanStack Query, Jotai。

移动平台架构师是专注于移动应用开发架构的专家角色，提供跨平台和原生开发的全面指导，涵盖状态管理、导航、性能优化和设备功能集成等关键领域，适用于React Native、Flutter、iOS和Android平台。关键词：移动开发、架构师、跨平台、React Native、Flutter、性能优化、状态管理、导航、原生集成。

这个技能是关于使用 Bun 运行时和 React 框架进行服务器端渲染（SSR），用于构建高性能、SEO友好的 Web 应用。它包括设置 SSR、流式渲染、数据获取、路由、CSS 处理、开发和优化等关键技术。关键词：Bun, React, SSR, 服务器端渲染, 前端开发, 性能优化, 流式渲染, 数据获取, 路由, CSS 处理, 热重载, 生产构建, SEO 优化。

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

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

本文档提供了在使用Zustand状态管理库时的常见模式和最佳实践，包括同步设置与异步渲染、避免过时闭包、异步操作处理、选择器稳定性、派生状态计算、商店订阅用于副作用、测试Zustand商店以及调试状态变化等。这些模式有助于开发者理解和解决在使用Zustand时可能遇到的各种问题，提高React Native应用的性能和稳定性。

这份指南提供了React web应用程序的导航和路由模式，包括React Router和Next.js路由的实现，深度链接处理，以及导航守卫等高级功能。

为React和Next.js应用提供自动化测试、覆盖率分析和质量保证模式。

React 模式是一套在 React 19 中使用的开发模式和最佳实践，涵盖服务器组件、服务器操作、Suspense 边界、错误边界、自定义钩子、复合组件和性能优化规则，旨在帮助开发者构建高效、可维护和可扩展的前端应用。关键词：React 19, 服务器组件, 钩子, 模式, 前端开发, 性能优化。

此技能提供Expo React Native应用的全面性能优化指南，涵盖启动加速、列表虚拟化、重渲染控制、动画流畅度、图像加载等关键领域，帮助开发者提升应用流畅度和用户体验，关键词包括Expo、React Native、性能优化、移动开发、前端优化、代码重构、应用性能、SEO搜索。

这个技能旨在帮助开发者掌握现代React应用开发的核心模式和最佳实践。涵盖组件设计、Hook使用、状态管理、性能优化、TypeScript集成、错误处理和测试策略。适用于前端工程师和全栈开发者，提升React应用的可维护性、性能和开发效率。关键词：React, Hooks, 组件设计, 状态管理, TypeScript, 性能优化, 测试, 前端开发。