搜索结果: "react"
vercel-react-best-practicesSkill vercel-react-best-practices
Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南，由 Vercel 维护。这套指南包含 45 条规则，覆盖 8 个类别，旨在指导开发者在编写、审查或重构 React/Next.js 代码时，遵循最佳性能模式。关键词包括：性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。
网页构件构建器Skill web-artifacts-builder
这是一个前端开发工具套件，用于构建复杂的Claude.ai HTML构件，使用React、Tailwind CSS、shadcn/ui等现代前端技术，支持状态管理、路由和UI组件，适用于创建多组件、响应式的Web应用。关键词：前端开发、HTML构件、React、Tailwind CSS、shadcn/ui、工具套件、Claude.ai、Vite、Parcel。
移动平台架构师Skill mobile-platform-architect
移动平台架构师是一种专业角色，专注于设计、架构和指导移动应用程序的开发，涵盖跨平台框架如 React Native 和 Flutter，以及原生平台如 iOS 和 Android。他们提供状态管理、导航、性能优化和平台特定最佳实践的指导，确保应用程序高性能、可扩展并提供原生的用户体验。关键词：移动架构、跨平台开发、原生应用、React Native、Flutter、状态管理、性能优化、移动开发。
React动画技能（用于Remotion视频制作）Skill react-animation
这个技能提供了一套精心策划的React动画组件，专门用于Remotion视频合成，帮助开发者创建具有美学价值的视觉特效和动画效果。关键词：React动画，Remotion视频，动画组件，视频特效，美学设计，前端开发。
ReactNative高效开发技能Skill react-native-skills
此技能提供React Native和Expo移动应用开发的最佳实践指南，涵盖列表性能优化、动画实现、UI模式、状态管理等关键领域，帮助开发者提升应用性能和用户体验。关键词：React Native, Expo, 移动开发, 性能优化, 动画, UI设计, 状态管理。
VercelAISDKv5前端React钩子Skill ai-sdk-ui
这个技能提供 Vercel AI SDK v5 的 React 钩子，用于构建 AI 驱动的用户界面，特别是聊天、完成和结构化对象生成。它支持流式响应、错误处理、Next.js 集成等，适用于 React/Next.js 应用中的 AI 功能开发。关键词：AI SDK, useChat, useCompletion, useObject, React, Next.js, 流式响应, AI 聊天界面, 前端开发。
前端构建工具套件Skill artifacts-builder
这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。
现代Web应用架构Skill modern-web-app-architecture
这个技能用于设计和构建现代Web应用程序，包括单页应用（SPA）、服务器端渲染（SSR）、静态站点生成（SSG）和React服务器组件（RSC）等。它涵盖架构权衡、状态管理、性能优化、测试策略、交付流程和团队扩展，提供生产就绪的实践指导，如核心Web指标、可访问性、安全性和微前端架构。关键词：Web应用架构、SPA、SSR、SSG、RSC、前端开发、性能优化、状态管理、测试、团队扩展。
React.memo优化技能Skill rerender-memo
此技能用于通过 React.memo 和 useMemo 缓存组件计算，避免不必要的重新渲染，提升前端应用性能。关键词：React.memo, useMemo, 性能优化, 组件缓存, 前端开发。
Widget渲染器Skill widgets-ui
Widget渲染器是一个用于从JSON生成声明式UI的工具，专为React/Next.js设计。它支持多种UI组件如按钮、输入框、卡片、布局等，适用于动态表单、数据展示和交互式卡片。关键词：UI渲染器、JSON UI、声明式UI、React组件、Next.js工具、前端开发、低代码开发、UI组件库。
聊天UI组件Skill chat-ui
这个技能提供了用于React/Next.js的聊天用户界面构建块，包括容器、消息、输入和打字指示器等组件，帮助开发者快速构建自定义聊天界面、消息应用和AI助手界面。关键词：聊天UI, React组件, Next.js, 前端开发, 聊天界面, AI助手, 用户界面设计。
设计系统专家Skill design-systems
设计系统专家技能专注于创建可扩展的设计基础，包括基于令牌的主题化、一致的组件API、设计系统架构和清晰文档。关键词：设计系统、令牌、主题化、组件、架构、前端开发、CSS、React、测试驱动开发、性能优化。