搜索结果: "react"
邮件处理器Skill email-handler
邮件处理器技能专注于使用React Email框架高效创建和发送事务性邮件。核心功能包括：邮件模板开发、动态数据集成、HTML渲染、邮件发送逻辑、Tailwind样式设计。适用于用户注册、密码重置、订单确认、系统通知等自动化邮件场景。关键词：React Email，事务性邮件，邮件模板，邮件自动化，Tailwind CSS，Next.js，邮件发送，前端开发。
表单创建器Skill form-creator
这是一个用于快速生成数据录入表单、验证模式和对应CRUD API端点的开发工具。它帮助开发者高效构建和管理表单功能，提升开发效率，确保数据验证和API安全性。关键词：表单生成、数据验证、CRUD API、前端开发、后端开发、Zod模式、React表单、API路由。
代码质量审查员Skill quality-reviewer
代码质量审查员是一个自动化代码审查工具，专门用于检查和强制执行前端开发项目的代码质量标准。该工具支持TypeScript严格模式、ESLint合规性检查、文件行数限制、函数复杂度控制、命名规范验证、导入路径优化和项目架构合规性审查。适用于React、Vue等前端框架项目，帮助开发团队保持代码一致性，提高代码可维护性，减少技术债务。关键词：代码审查、代码质量、TypeScript、ESLint、前端开发、代码规范、自动化检查、DevOps、代码重构、复杂度控制
FramerMotion动画库Skill framer-motion
Framer Motion 是一个用于 React 和 Next.js 应用程序的强大动画库。它提供声明式的动画组件、手势支持、页面过渡、滚动动画等功能，帮助开发者轻松创建流畅、高性能的用户界面动画。关键词：React动画库，Framer Motion教程，页面过渡动画，手势交互，滚动触发动画，UI动画，前端开发，Next.js动画。
使用shadcn/ui进行样式设计Skill styling-with-shadcn
本技能指南详细介绍了如何在Next.js框架中，利用shadcn/ui组件库快速构建美观、可访问且现代化的用户界面。内容涵盖从项目初始化、常用组件（如按钮、表单、对话框、表格、侧边栏、通知）的安装与使用，到结合react-hook-form与Zod进行表单验证，以及深色模式的集成设置。适用于前端开发者、UI工程师快速上手基于Radix UI和Tailwind CSS的高质量UI开发。关键词：shadcn/ui, Next.js, React组件库, UI开发, 前端开发, 表单验证, 深色模式, Tailwind CSS, Radix UI。
错误处理Skill error-handling
专家级的结构化错误处理技能，适用于FastAPI后端和React/Next.js前端，专注于提供一致的错误消息和日志记录，关键词包括自定义异常、全局异常处理、错误日志、用户友好消息等。
Next.jsAppRouter前端开发专家Skill frontend-nextjs-app-router
Next.js App Router前端开发专家技能，专注于现代React应用架构。提供Next.js 13+ App Router完整解决方案，包括服务器组件优化、动态路由配置、嵌套布局实现、性能优化策略和ERP系统开发。关键词：Next.js App Router、React服务器组件、前端架构、动态路由、性能优化、TypeScript、shadcn/ui、SEO优化、企业级应用开发。
React组件开发技能Skill react-component
React组件开发技能是专门用于创建React UI组件的专家指导体系，涵盖函数组件、钩子、自定义钩子和组件组合模式。该技能专注于TypeScript类型安全、性能优化、可访问性设计和现代React最佳实践，适用于构建ERP系统、仪表板、KPI卡片、表单、模态框等企业级UI组件。关键词：React组件开发、TypeScript、函数组件、自定义钩子、组件组合、性能优化、可访问性、UI设计、前端开发、React最佳实践
代码模式与实践Skill code-patterns-practices
本技能是关于React Native移动应用开发的代码模式、最佳实践和常见解决方案的集合。它提供了组件设计、状态管理、数据获取、性能优化、错误处理以及移动端特有问题的实用模式，旨在帮助开发者编写更高质量、更易维护的代码。关键词：React Native， 移动开发， 代码模式， 最佳实践， 性能优化， 组件设计， 状态管理， 自定义Hooks。
移动端调试Skill mobile-debugging
React Native移动应用调试技能，提供React Native和Expo应用的完整调试解决方案。涵盖Metro打包器问题修复、原生模块错误排查、性能优化、内存泄漏检测、网络调试、崩溃分析等关键技术。包含iOS和Android双平台调试命令、工具使用指南和常见错误模式分析。
移动端测试Skill mobile-testing
React Native移动应用测试技能，提供使用Jest和React Native Testing Library进行组件测试、Hook测试、工具函数测试的完整指南。包含测试设置、模板代码、模拟模式、最佳实践和故障排除方法，适用于移动开发工程师进行自动化测试开发。关键词：React Native测试，Jest测试，移动端自动化测试，组件测试，测试覆盖率
项目设置与架构Skill project-setup-architecture
React Native/Expo移动应用项目初始化与架构配置指南，提供TypeScript设置、数据库集成、状态管理、测试框架、目录结构等完整开发环境搭建方案。关键词：React Native开发，Expo配置，移动应用架构，TypeScript设置，数据库集成，状态管理，测试框架，项目初始化，开发环境搭建，移动开发最佳实践