这是一个前端开发工具套件，用于构建复杂的Claude.ai HTML构件，使用React、Tailwind CSS、shadcn/ui等现代前端技术，支持状态管理、路由和UI组件，适用于创建多组件、响应式的Web应用。关键词：前端开发、HTML构件、React、Tailwind CSS、shadcn/ui、工具套件、Claude.ai、Vite、Parcel。

前端设计系统是一种系统化方法，用于构建一致、可维护的前端用户界面组件，通过设计令牌、组件模式、布局模式等提升开发效率和一致性，适用于React等前端框架，便于SEO搜索的关键词包括前端、设计系统、UI组件、React、设计令牌、组件库。

TanStack Start 是一个基于 Bun 运行时的全栈 React 框架，用于快速构建现代 Web 应用。它支持文件路由、服务器函数、API 路由和错误处理，提高开发效率，适用于 SSR、构建优化和全栈开发场景。关键词：TanStack Start, React, 全栈开发, Bun, 文件路由, 服务器函数, Web 应用开发, SEO 优化。

这个技能提供 Vercel AI SDK v5 的 React 钩子，用于构建 AI 驱动的用户界面，特别是聊天、完成和结构化对象生成。它支持流式响应、错误处理、Next.js 集成等，适用于 React/Next.js 应用中的 AI 功能开发。关键词：AI SDK, useChat, useCompletion, useObject, React, Next.js, 流式响应, AI 聊天界面, 前端开发。

此技能用于通过 React.memo 和 useMemo 缓存组件计算，避免不必要的重新渲染，提升前端应用性能。关键词：React.memo, useMemo, 性能优化, 组件缓存, 前端开发。

这个skill提供JavaScript/TypeScript SDK，用于在inference.sh平台上构建和运行AI应用程序、创建智能代理、集成超过150种AI模型。支持Node.js、React、Next.js等环境，具备完整TypeScript支持、流式处理、文件上传、会话管理等功能，适用于前端和后端AI集成。关键词：JavaScript、TypeScript、AI应用、智能代理、模型集成、前端开发、后端开发、Node.js、React、Next.js、SDK。

这是一个用于优化React和Next.js应用程序性能的技能，基于Vercel的最佳实践指南。它提供57个规则，涵盖8个关键类别，如消除瀑布流、包大小优化和重渲染优化，帮助开发者在代码编写、审查和重构中提升应用性能。关键词：React, Next.js, 性能优化, 最佳实践, Vercel, 前端开发, 代码优化。

构件生成器是一套工具，用于使用React、TypeScript、Vite、Tailwind CSS和shadcn/ui等现代前端技术构建复杂的、多组件的HTML构件，可捆绑成单个HTML文件以便共享。关键词：构件生成器、前端开发、React、TypeScript、HTML构件、捆绑工具、claude.ai、前端工具、响应式设计。

这个技能组用于构建现代化的全栈Web应用，整合了Next.js、Turborepo和RemixIcon工具，涵盖服务器端渲染、静态生成、构建优化和图标集成。关键词：Next.js、Turborepo、RemixIcon、React、服务器端渲染、单仓库管理、前端开发、图标库、全栈Web应用。

Next.js服务器组件是一种在服务器端渲染React组件的技术，用于优化Web应用性能、减少客户端JavaScript包大小、支持直接数据库访问，适用于构建高效、SEO友好的应用，关键词包括Next.js、服务器渲染、性能优化、React、前端开发。

本技能提供 Framer Motion 在 React 应用中的动画性能优化综合指南，包含 42 条规则覆盖 9 个优先级类别，帮助开发者优化包大小、防止重渲染、实现高效动画，提升前端性能。关键词：Framer Motion, React 动画, 性能优化, 前端开发, 动画指南, 性能最佳实践

这个技能专注于使用React Native框架进行跨平台移动应用开发，涵盖样式设计、导航实现和动画创建，以构建高性能、原生体验的应用。关键词包括：React Native, 样式设计, 导航, 动画, 跨平台, 移动开发, 性能优化, Reanimated, React Navigation。