Framer Motion 是一个用于 React 和 Next.js 应用程序的强大动画库。它提供声明式的动画组件、手势支持、页面过渡、滚动动画等功能，帮助开发者轻松创建流畅、高性能的用户界面动画。关键词：React动画库，Framer Motion教程，页面过渡动画，手势交互，滚动触发动画，UI动画，前端开发，Next.js动画。

Next.js 16 发射台是一个为开发者提供快速启动、迁移和构建Next.js 16项目的指南，涵盖了Turbopack、缓存组件、代理设置等关键特性，适用于需要使用App Router和React 19的现代Web开发。

专家级框架，用于实现无限滚动，包括使用Intersection Observer、虚拟滚动、React Query和针对大数据集的性能优化。

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

React 19模式全面指南，包含服务器组件、客户端组件、Suspense、流式渲染、钩子使用、TypeScript集成、最佳实践和迁移方案。关键词：React 19, 服务器组件, 客户端组件, Suspense, 流式渲染, TypeScript, 钩子, 前端开发, 最佳实践, 迁移指南

高级前端技能，专注于React、Next.js、TypeScript和Tailwind CSS应用的前端开发模式、性能优化和自动化工具。

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

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

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

这个技能是一套前端开发工具，专门用于构建Claude.ai平台的HTML工件，集成React、TypeScript、Vite、Tailwind CSS和shadcn/ui等现代技术，支持状态管理、路由和复杂组件开发，最终打包成单HTML文件分享。关键词：Claude AI, HTML工件, 前端开发, React, TypeScript, Vite, Tailwind CSS, shadcn/ui, 工具套件, 打包工具

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

这个技能提供了在 React 应用中，使用 Zustand 进行状态管理的完整设置指南，特别针对 TypeScript。它包括基本模式、中间件配置、常见问题预防和最佳实践，用于构建可扩展、类型安全的全局状态。关键词：Zustand，状态管理，React，TypeScript，持久化，中间件，前端开发，JavaScript，Redux 替代。