这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。

此技能详细介绍了React服务器组件在Next.js中的应用，涵盖服务器与客户端组件的区分、组合模式及数据获取方法，适用于前端开发。关键词：React服务器组件、Next.js、服务器渲染、客户端交互、组件架构。

这个技能是关于在JavaScript中使用toSorted()方法进行数组排序而不突变原始数组，特别适用于React应用，以确保数据不可变性。关键词包括：JavaScript, toSorted, 不可变性, 数组排序, React, 前端开发, 数组突变避免。

这个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。

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

这是一个由Vercel维护的React和Next.js前端性能优化技能，提供45个规则覆盖8个类别，用于代码编写、审查和重构，以提升应用性能。关键词：React, Next.js, 性能优化, 前端开发, 代码优化, Vercel。

该技能专注于原子设计方法论中的分子组件创建，用于将原子组件组合成功能性的UI元素，如表单字段、搜索栏和卡片头部。关键词包括原子设计、分子组件、UI组件、前端开发、React、TypeScript。适用于提升UI组件的可重用性、维护性和一致性，支持高效的前端界面构建。

Relay突变模式是React Relay库中用于管理GraphQL数据更新的核心技术，包括乐观更新、连接处理、声明式突变和全面错误处理，适用于前端开发中构建高效、响应式应用程序。关键词：Relay, GraphQL, 数据突变, 乐观更新, 前端开发, 缓存更新, 错误处理, 连接更新

tRPC技能是用于构建端到端类型安全API的专家工具，专注于tRPC框架、React/Next.js集成、类型安全过程与路由器、中间件实现、错误处理以及实时订阅功能。关键词：tRPC，类型安全API，React集成，Next.js，全栈开发，Zod验证，中间件，RPC替代REST。

Lovable集成助手是一个专为Lovable.dev低代码开发平台设计的AI技能工具，主要用于自动化处理Supabase后端部署、数据库迁移和边缘函数管理。该技能提供精确的部署提示词生成、项目结构解析和自动化部署流程，帮助开发者高效管理React+Supabase全栈项目的云端部署工作流。关键词：Lovable.dev, 低代码开发, Supabase部署, 边缘函数, 数据库迁移, 自动化部署, 全栈开发, 云原生应用

本指南旨在指导开发者如何在FlowGram项目的form-materials包中创建新的物料组件，涵盖组件位置、代码质量、物料设计和技术栈选择，以及详细的开发流程和最佳实践。关键词包括：FlowGram、物料组件、开发指南、代码规范、UI组件库、React。

现代 React UI 设计模式，专注于提升用户体验，包括加载状态、错误处理、数据获取等。