这个技能指南提供了React Native和Expo移动应用开发的最佳实践，涵盖列表性能优化、动画实现、UI模式、状态管理等多个方面，旨在帮助开发者构建高性能的移动应用。关键词包括：React Native, Expo, 移动应用, 性能优化, 动画, UI设计, 导航, 状态管理。

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

Next.js 是一个基于 React 的前端开发框架，专为构建生产级全栈 Web 应用设计，支持服务器端渲染、静态生成和自动优化功能。此技能适用于构建高效、可扩展的 Web 应用，实现现代路由架构、数据获取、性能优化和 SEO 提升。关键词：Next.js, React框架, 服务器端渲染, 静态生成, Web开发, 前端框架, 性能优化, SEO, 全栈应用。

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

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

这个技能用于通过Figma API提取设计令牌、生成React/CSS代码、同步设计系统、自动化设计到代码工作流，并支持Figma插件开发和Dev模式集成。关键词包括Figma API、设计令牌、代码生成、前端开发、自动化工作流、React组件、Tailwind CSS、设计系统。

此技能用于配置Storybook前端开发工具，包括设置主配置、添加物、构建器和框架集成，以优化UI组件开发、文档生成和测试体验。关键词：Storybook、前端开发、配置、组件文档、UI测试、TypeScript、Vite、Webpack、React、Next.js。

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

这个技能是一个前端开发工具套件，专门用于使用现代技术如 React、Tailwind CSS 和 shadcn/ui 创建 Claude.ai HTML 艺术品。它适用于构建多组件、复杂艺术品，支持状态管理和路由，不适用于简单文件。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML、艺术品构建、Claude.ai、工具套件。

Thesys 生成式UI 是一个AI驱动的工具，允许开发者使用自然语言描述快速生成React组件。它结合模式驱动和大型语言模型，实现智能UI设计，适用于前端开发、低代码场景和AI应用。关键词：AI、生成式UI、React、自然语言处理、前端开发、低代码、Thesys。

这个技能是前端开发指南，专注于现代React和TypeScript应用程序的开发。它详细介绍了基于Suspense的数据获取、懒加载、文件组织、MUI v7样式、TanStack Router路由、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、获取数据、样式设置、路由和前端代码管理。关键词：React, TypeScript, 前端开发, 性能优化, 数据获取, Suspense, 懒加载, MUI v7, TanStack Router, 文件组织。

这个技能提供了Material-UI v7组件库的使用模式，包括sx prop样式、主题集成、响应式设计和MUI特定钩子。适用于前端开发中的React项目，帮助开发者高效构建用户界面，提供最佳实践和代码示例。关键词：MUI, Material-UI, 前端开发, React组件, 样式设计, 主题定制, 响应式设计, 组件库