搜索结果: "react"
FramerMotion动画库Skill framer-motion
Framer Motion 是一个用于 React 和 Next.js 应用程序的强大动画库。它提供声明式的动画组件、手势支持、页面过渡、滚动动画等功能，帮助开发者轻松创建流畅、高性能的用户界面动画。关键词：React动画库，Framer Motion教程，页面过渡动画，手势交互，滚动触发动画，UI动画，前端开发，Next.js动画。
代码模式与实践Skill code-patterns-practices
本技能是关于React Native移动应用开发的代码模式、最佳实践和常见解决方案的集合。它提供了组件设计、状态管理、数据获取、性能优化、错误处理以及移动端特有问题的实用模式，旨在帮助开发者编写更高质量、更易维护的代码。关键词：React Native， 移动开发， 代码模式， 最佳实践， 性能优化， 组件设计， 状态管理， 自定义Hooks。
移动端调试Skill mobile-debugging
React Native移动应用调试技能，提供React Native和Expo应用的完整调试解决方案。涵盖Metro打包器问题修复、原生模块错误排查、性能优化、内存泄漏检测、网络调试、崩溃分析等关键技术。包含iOS和Android双平台调试命令、工具使用指南和常见错误模式分析。
常见开发陷阱预防指南Skill common-pitfalls
本技能是一个全面的代码审查与陷阱预防工具，专注于现代Web开发中的常见错误模式。它通过自动化检查，帮助开发者在代码审查、提交前和调试阶段，系统性地识别并预防在TanStack Query、Drizzle ORM、Express API、React、WebSocket、区块链RPC和安全等领域的高频问题。关键词：代码审查，陷阱预防，Web开发，React，区块链，安全，最佳实践，自动化检查，开发效率。
Next.js15应用路由器专家Skill nextjs-15-specialist
这是一个专门针对Next.js 15框架的应用路由器技能指南，提供完整的服务器组件、客户端组件、数据获取、缓存策略、服务器操作和元数据管理的全面解决方案。包含150+实际代码示例和最佳实践，帮助开发者正确实现现代Next.js应用架构，避免常见错误，优化性能。关键词：Next.js 15, App Router, 服务器组件, 数据获取, 缓存策略, 服务器操作, React框架, 前端开发, Web性能优化。
React19模式指南Skill react-19-patterns
React 19模式全面指南，包含服务器组件、客户端组件、Suspense、流式渲染、钩子使用、TypeScript集成、最佳实践和迁移方案。关键词：React 19, 服务器组件, 客户端组件, Suspense, 流式渲染, TypeScript, 钩子, 前端开发, 最佳实践, 迁移指南
ShadCN-Framer动画组件库Skill shadcn-framer
本技能是关于如何将 ShadCN UI 组件库与 Framer Motion 动画库结合使用的技术指南。它提供了从初始化设置、基础组件使用到实现复杂动画效果（如淡入淡出、列表动画、页面过渡、悬停交互和加载动画）的完整代码示例。适用于希望为 React 应用（特别是 Next.js）添加流畅、现代化交互动效的前端开发者，关键词包括：ShadCN UI, Framer Motion, React 动画, 交互动效, Next.js 组件, 前端开发。
ShadCNUI组件开发规范Skill shadcn-ui-patterns
ShadCN UI组件开发规范是一套针对React前端开发的标准化指南，专注于UI组件构建、无障碍访问（WCAG 2.1 AA）、TailwindCSS最佳实践和TypeScript类型安全。该规范详细说明了如何使用ShadCN UI库（基于Radix UI原语）进行现代Web应用开发，包括组件安装模式、表单验证（React Hook Form + Zod）、服务器/客户端组件划分、深色模式支持以及严格的测试方法。适用于构建企业级React应用、Next.js项目，确保代码一致性、可维护性和卓越的用户体验。
Scoop新闻平台UI重构工作流Skill scoop-ui-refactor
本技能是一个针对Scoop新闻平台前端界面的专项重构工作流。它专注于优化用户界面布局、提升地球仪交互体验、改进研究工作区设计，并强制执行无表情符号政策。核心工作包括压缩布局空间、实现类似TikTok的吸附滚动效果、确保功能完整性，以及通过系统化步骤移除所有UI、日志和文档中的表情符号。适用于前端开发者、UI/UX设计师进行项目重构和代码规范化。关键词：UI重构，前端开发，用户体验优化，吸附滚动，无表情符号，代码规范，React组件，工作流。
前端协调器Skill frontend-orchestrator
前端协调器技能负责协调和管理前端开发任务，包括React组件、状态管理、UI/UX设计和视觉测试，确保代码质量符合前端标准。
FlowGramMaterialComponentDevelopmentSkill material-component-dev
本指南旨在指导开发者如何在FlowGram项目的form-materials包中创建新的物料组件，涵盖组件位置、代码质量、物料设计和技术栈选择，以及详细的开发流程和最佳实践。关键词包括：FlowGram、物料组件、开发指南、代码规范、UI组件库、React。
ReactNative最佳实践Skill react-native-best-practices
这份指南提供了React Native应用性能优化的指导，包括FPS提升、打包大小优化、启动时间（TTI）优化、原生性能提升和内存管理等关键领域，旨在帮助开发者提高应用性能和用户体验。