搜索结果: "react"
现代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、测试驱动开发、性能优化。
React性能优化最佳实践Skill react-best-practices
这是一个用于优化React和Next.js应用程序性能的技能，基于Vercel的最佳实践指南。它提供57个规则，涵盖8个关键类别，如消除瀑布流、包大小优化和重渲染优化，帮助开发者在代码编写、审查和重构中提升应用性能。关键词：React, Next.js, 性能优化, 最佳实践, Vercel, 前端开发, 代码优化。
React组合模式技能Skill react-composition-patterns
这个技能专注于使用 React 组合模式来构建可扩展、易维护的前端组件。它避免布尔属性泛滥，通过复合组件、状态提升和上下文管理提升代码质量。适用于重构组件、开发组件库和设计 API。关键词：React, 组合模式, 前端开发, 组件架构, 状态管理, 复合组件, 渲染属性, React 19 API, 可维护性, 可扩展性, 组件库开发, 代码重构, 前端优化, UI 组件, 响应式设计, 前端框架, JavaScript, 软件开发最佳实践。
前端构件构建器Skill artifacts-builder
这个技能是一个前端构件构建工具，用于创建复杂的Claude.ai HTML构件，基于React、TypeScript、Vite、Tailwind CSS和shadcn/ui技术栈。它包括项目初始化、开发、打包和分享功能，适合需要状态管理和路由的前端项目。关键词：前端开发、HTML构建、React、TypeScript、Vite、Tailwind CSS、shadcn/ui。
Web前端构建工具Skill web-artifacts-builder
这是一个用于创建复杂多组件Claude.ai HTML前端工具的技能套件，使用React、Tailwind CSS、shadcn/ui等现代Web技术。适用于需要状态管理、路由或高级UI组件的项目，关键词包括前端开发、React、Tailwind CSS、shadcn/ui、构建工具。
Web框架技能组Skill web-frameworks
这个技能组用于构建现代化的全栈Web应用，整合了Next.js、Turborepo和RemixIcon工具，涵盖服务器端渲染、静态生成、构建优化和图标集成。关键词：Next.js、Turborepo、RemixIcon、React、服务器端渲染、单仓库管理、前端开发、图标库、全栈Web应用。
Convex实时应用开发Skill convex-realtime
Convex实时应用开发技能用于构建反应式应用程序，专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化，适合前端开发者提升用户体验和效率。关键词：Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。
React组件开发指南Skill react-component-dev
这个技能提供React/TypeScript组件开发的最佳实践指南，适用于前端开发，涵盖组件架构、TailwindCSS样式、状态管理、性能优化和可访问性。关键词：React, TypeScript, 前端开发, 组件开发, TailwindCSS, 性能优化, 可访问性。