TanStack Query v5性能优化技能，专注于数据获取、缓存、变异和查询模式的优化，旨在提升React应用的数据管理效率和性能。关键词：TanStack Query、性能优化、数据获取、缓存、变异、查询模式、前端开发、React、性能优化指南

这是一个前端开发指南，专注于现代React/TypeScript应用开发，包括Suspense数据获取、懒加载、文件组织、MUI v7样式、TanStack Router、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、数据获取、样式、路由或前端代码工作。关键词：前端开发、React、TypeScript、Suspense、懒加载、性能优化、MUI、TanStack Query、路由、组件模式、数据获取、文件组织、样式设计、性能优化、TypeScript最佳实践。

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

使用RxJS、流、可观察对象和背压处理实现响应式编程模式。适用于构建事件驱动的UI、处理异步数据流或管理复杂的数据流。

这个技能专注于使用Next.js框架构建生产级全栈应用程序的最佳实践和模式，包括App Router、服务器组件、数据获取、认证、部署等。关键词：Next.js, 全栈开发, React, App Router, 服务器组件, 数据获取, 认证, 部署, SEO, 性能优化。

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

这个技能专注于React应用中的状态管理，帮助开发者选择和实施合适的解决方案，包括Context、Zustand、Redux Toolkit、TanStack Query和Jotai，用于处理本地状态、全局状态和服务器状态。关键词：React状态管理，全局状态管理，服务器状态管理，前端开发。

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

该技能用于优化Next.js应用的数据获取性能，通过使用React Server Components（RSC）将慢速客户端数据获取转换为快速服务器端数据获取，提高页面加载速度、SEO和用户体验。关键词：RSC、Next.js、数据获取、优化、服务器端渲染、React Server Components、前端开发。

这个技能是一个前端构件构建工具，用于创建复杂的Claude.ai HTML构件，基于React、TypeScript、Vite、Tailwind CSS和shadcn/ui技术栈。它包括项目初始化、开发、打包和分享功能，适合需要状态管理和路由的前端项目。关键词：前端开发、HTML构建、React、TypeScript、Vite、Tailwind CSS、shadcn/ui。

Zustand状态管理技能提供React应用中Zustand库的最佳实践指南，涵盖存储架构、选择器优化、重新渲染预防等关键方面，帮助开发者优化性能、提高代码可维护性，并集成SSR和TypeScript。关键词：Zustand, React, 状态管理, 最佳实践, 性能优化, 前端开发。

这个技能提供全面的Expo React Native移动应用开发指南，涵盖项目设置、路由导航、屏幕开发、数据管理、认证安全、深度链接等关键领域。适用于前端开发者和移动应用开发者，帮助快速构建高性能的Expo应用。关键词：Expo, React Native, 移动开发, 前端开发, 导航, 认证, 深度链接。