搜索结果: "react"
Storybook交互测试函数Skill storybook-play-functions
Storybook交互测试函数是一种前端开发测试技能，用于通过编写play函数在Storybook故事中自动化测试React等组件的用户交互、状态变化和边界情况。它支持模拟真实用户行为、集成Testing Library进行语义查询、处理异步操作和验证错误状态。关键词包括Storybook、交互测试、前端测试、自动化测试、组件测试、Testing Library、play函数。
tRPC类型安全API构建技能Skill trpc
tRPC技能是用于构建端到端类型安全API的专家工具，专注于tRPC框架、React/Next.js集成、类型安全过程与路由器、中间件实现、错误处理以及实时订阅功能。关键词：tRPC，类型安全API，React集成，Next.js，全栈开发，Zod验证，中间件，RPC替代REST。
FrontendDevelopmentPatternsSkill frontend-patterns
前端开发模式汇总，包含React、Next.js、状态管理、性能优化、UI最佳实践等关键技术点。
Next.js应用生成器Skill nextjs-app
Next.js应用生成器是一个专业的代码生成工具，专门用于创建基于Next.js 14+框架的现代化Web应用程序。该工具能够智能生成App Router架构下的服务端组件、客户端组件、API路由、中间件和高效数据获取模式。支持React Server Components、Server Actions、增量静态再生(ISR)等前沿技术，帮助开发者快速构建高性能、SEO友好的全栈应用。适用于前端开发、全栈开发、Web应用构建等场景，提升开发效率和代码质量。
Docker容器化技能Skill docker-containerization
Docker容器化技能提供全面的应用容器化解决方案，包括Dockerfile生成、Docker Compose配置、容器管理脚本和云平台部署指南。适用于Next.js、React、Node.js等现代Web应用的开发、测试和生产环境容器化，支持Kubernetes、AWS ECS、Google Cloud Run等主流云平台部署。关键词：Docker容器化，Dockerfile配置，容器编排，云原生部署，CI/CD流水线，微服务架构，镜像优化，多阶段构建。
MERN代码审查专家Skill code-reviewer
这是一个针对MERN（MongoDB, Express.js, React, Node.js）技术栈的自动化代码审查技能。它提供全面的项目健康评估、安全检查、可维护性分析、性能优化建议、测试覆盖度审查和架构设计指导。适用于开发者、技术负责人和DevOps工程师进行代码质量把关、安全漏洞扫描和最佳实践落地。关键词：MERN代码审查、全栈开发安全、代码质量分析、性能优化、自动化测试、软件架构评审。
邮件处理器Skill email-handler
邮件处理器技能专注于使用React Email框架高效创建和发送事务性邮件。核心功能包括：邮件模板开发、动态数据集成、HTML渲染、邮件发送逻辑、Tailwind样式设计。适用于用户注册、密码重置、订单确认、系统通知等自动化邮件场景。关键词：React Email，事务性邮件，邮件模板，邮件自动化，Tailwind CSS，Next.js，邮件发送，前端开发。
移动端调试Skill mobile-debugging
React Native移动应用调试技能，提供React Native和Expo应用的完整调试解决方案。涵盖Metro打包器问题修复、原生模块错误排查、性能优化、内存泄漏检测、网络调试、崩溃分析等关键技术。包含iOS和Android双平台调试命令、工具使用指南和常见错误模式分析。
TanStackQueryv5常见陷阱指南Skill pitfalls-tanstack-query
本指南详细介绍了 TanStack Query v5 在数据获取、缓存管理和状态同步中的常见陷阱与最佳实践。内容涵盖 useQuery、useMutation、queryKey 配置、缓存失效策略、乐观更新模式以及从 v4 到 v5 的迁移要点。适用于前端开发者解决 React 应用中的数据状态管理问题，提升应用性能和用户体验。关键词：TanStack Query，React Query，数据获取，缓存失效，状态管理，前端开发，useQuery，useMutation，v5 迁移。
Scoop新闻平台UI重构工作流Skill scoop-ui-refactor
本技能是一个针对Scoop新闻平台前端界面的专项重构工作流。它专注于优化用户界面布局、提升地球仪交互体验、改进研究工作区设计，并强制执行无表情符号政策。核心工作包括压缩布局空间、实现类似TikTok的吸附滚动效果、确保功能完整性，以及通过系统化步骤移除所有UI、日志和文档中的表情符号。适用于前端开发者、UI/UX设计师进行项目重构和代码规范化。关键词：UI重构，前端开发，用户体验优化，吸附滚动，无表情符号，代码规范，React组件，工作流。
React19开发指南Skill react-19
本指南提供了React 19开发的核心概念、模式和最佳实践，包括Actions、Server Components和新的hooks，旨在帮助开发者构建高性能的React应用。
ReactNative最佳实践Skill react-native-best-practices
这份指南提供了React Native应用性能优化的指导，包括FPS提升、打包大小优化、启动时间（TTI）优化、原生性能提升和内存管理等关键领域，旨在帮助开发者提高应用性能和用户体验。