本技能提供由 Vercel 维护的 React 和 Next.js 应用性能优化指南，包含 45 条规则，按优先级分类，用于自动化重构和代码生成。适用于编写、审查或重构 React/Next.js 代码，确保最佳性能模式。关键词：React, Next.js, 性能优化, Vercel, 前端开发, 代码优化, 自动化重构。

这个技能专注于创建原子级UI组件，如按钮、输入框、标签和图标，作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性，用于构建一致的前端界面。关键词：原子设计，UI组件，前端开发，设计系统，React组件，可访问性，样式令牌。

React Flow自定义节点与边缘技能是用于使用React Flow库创建自定义节点和边缘的技术，主要应用于构建节点编辑器、工作流界面、可视化图表和数据流程图等前端开发场景。它支持交互式表单元素、多种节点类型、工具栏、可调整大小节点、分组节点、自定义边缘交互和连接验证。关键技能包括自定义组件、样式定制、行为交互、性能优化、前端开发、UI设计和JavaScript框架。

这个技能用于优化React应用程序的性能，通过组件记忆化、懒加载代码分割、虚拟滚动列表、性能监控等技术，提升应用响应速度、减少加载时间并改善用户体验。关键词：React性能优化、记忆化、懒加载、虚拟滚动、性能监控、代码分割、useMemo、useCallback、React.memo。

该技能专注于在React Native应用中处理iOS和Android平台特定代码，包括平台检测、平台特定文件、组件、权限处理和跨平台最佳实践，帮助开发者高效实现移动应用开发。关键词：React Native, 跨平台开发, iOS, Android, 平台API, 原生模块, 移动应用开发。

这个技能用于在 React Native 移动应用中实现导航功能，涵盖堆栈导航、标签导航、抽屉导航、深度链接和常见导航模式。关键词：React Native, 导航, 移动开发, React Navigation, 堆栈导航, 标签导航, 抽屉导航, 深度链接, 类型安全导航, 认证流程, 深度链接配置。

深度链接技能是移动应用开发的核心技术，用于实现iOS Universal Links、Android App Links和自定义URL方案，支持跨平台深度链接配置、延迟深度链接处理、应用内导航路由和链接验证。该技能涵盖AASA文件配置、assetlinks.json设置、SwiftUI/UIKit/Kotlin/React Native实现、服务器验证和最佳实践，帮助开发者构建无缝的用户体验，实现从网页、邮件、通知到应用内特定页面的直接跳转。

这是一个关于 TanStack Query（React Query）的专业技能，专注于在 React 应用中高效管理服务器状态。它提供了数据获取、缓存、变更处理、乐观更新、无限查询和预取等核心功能的实现模式与最佳实践。适用于需要优化数据流、提升应用性能和用户体验的前端开发场景。关键词：React Query，服务器状态管理，数据缓存，乐观更新，无限查询，前端性能优化，React 数据获取。

Remix全栈开发技能是专门用于构建现代Web应用程序的专家级工具集，提供React全栈开发、渐进增强、嵌套路由、表单处理、错误边界和边缘部署等核心功能。适用于前端开发、后端API集成、用户认证、数据管理和性能优化等场景，帮助开发者快速构建高性能、可维护的Web应用。关键词：Remix框架、全栈开发、React应用、渐进增强、嵌套路由、表单处理、错误边界、边缘部署、Web开发、现代前端技术。

Docker容器化技能提供全面的应用容器化解决方案，包括Dockerfile生成、Docker Compose配置、容器管理脚本和云平台部署指南。适用于Next.js、React、Node.js等现代Web应用的开发、测试和生产环境容器化，支持Kubernetes、AWS ECS、Google Cloud Run等主流云平台部署。关键词：Docker容器化，Dockerfile配置，容器编排，云原生部署，CI/CD流水线，微服务架构，镜像优化，多阶段构建。

这是一个针对MERN（MongoDB, Express.js, React, Node.js）技术栈的自动化代码审查技能。它提供全面的项目健康评估、安全检查、可维护性分析、性能优化建议、测试覆盖度审查和架构设计指导。适用于开发者、技术负责人和DevOps工程师进行代码质量把关、安全漏洞扫描和最佳实践落地。关键词：MERN代码审查、全栈开发安全、代码质量分析、性能优化、自动化测试、软件架构评审。

这是一个关于如何构建和管理SaaS平台积分系统的完整指南。它详细介绍了积分系统的后端配置（添加积分类型、定价策略、套餐分配）、前端UI实现（购买积分组件、余额显示组件）以及核心后端操作（积分分配、扣减、余额检查）。关键词包括：积分系统、SaaS平台、前端开发、后端开发、用户余额管理、定价策略、React钩子、TypeScript。