tRPC技能是用于构建端到端类型安全API的专家工具，专注于tRPC框架、React/Next.js集成、类型安全过程与路由器、中间件实现、错误处理以及实时订阅功能。关键词：tRPC，类型安全API，React集成，Next.js，全栈开发，Zod验证，中间件，RPC替代REST。

前端开发模式汇总，包含React、Next.js、状态管理、性能优化、UI最佳实践等关键技术点。

Next.js App Router前端开发专家技能，专注于现代React应用架构。提供Next.js 13+ App Router完整解决方案，包括服务器组件优化、动态路由配置、嵌套布局实现、性能优化策略和ERP系统开发。关键词：Next.js App Router、React服务器组件、前端架构、动态路由、性能优化、TypeScript、shadcn/ui、SEO优化、企业级应用开发。

React 开发避坑指南，提供 React 组件模式、表单验证、错误边界、可访问性 (a11y) 和响应式设计的常见陷阱与最佳实践。适用于前端开发、代码审查、性能优化、用户体验提升。关键词：React 组件，表单验证，错误边界，可访问性，响应式设计，前端开发，React Hook Form，Zod，ARIA，useEffect。

本指南旨在指导开发者如何在FlowGram项目的form-materials包中创建新的物料组件，涵盖组件位置、代码质量、物料设计和技术栈选择，以及详细的开发流程和最佳实践。关键词包括：FlowGram、物料组件、开发指南、代码规范、UI组件库、React。

Remix Cache 是一个为 Remix 应用程序设计的类型安全、基于 Redis 的缓存库，支持 SSE 实时失效、过期-同时-再验证、模式匹配和自动 React 再验证。它适用于需要在 Remix 应用中实现缓存策略、处理缓存失效、进行实时数据同步的场景。

React Native中复杂多步骤操作的实现指南，包括状态机模式、显式流程实现、流程对象、流程状态跟踪、集成测试流程和流程文档。

React 应用程序的身份验证模式，包括登录流程、OAuth、JWT 处理、会话管理和受保护的路由。

Next.js 14+ App Router 是一个专家级框架，用于构建现代 React 应用程序，包含 Server Components、Streaming、Server Actions 和改进的数据获取能力。

这个技能教授如何使用 TanStack Query v5（React Query）进行 React 应用中的服务器状态管理，包括数据获取、缓存、突变和错误处理。关键词：TanStack Query, React Query, useQuery, useMutation, 数据获取, 缓存, 服务器状态, 前端开发。

这个技能提供React和Next.js应用程序的全面性能优化指南，包含57个规则，分为8个优先级类别，旨在帮助开发者在编写、审查或重构代码时遵循最佳实践，优化性能、减少加载时间和改善用户体验。适用于前端开发中的性能调优。关键词：React, Next.js, 性能优化, Vercel, 前端开发, 包优化, 服务器渲染。

这个技能用于在iOS、Android和Web平台上实现推送通知功能，使用Firebase Cloud Messaging (FCM)和本地服务。它包括处理权限请求、前台和后台消息、令牌刷新，以及设置通知通道。关键词包括推送通知、FCM、iOS通知、Android通知、Web通知、React Native通知、通知权限、后台消息、通知通道，便于SEO搜索。