这个技能用于掌握和使用 React Hooks 的各种模式，包括 useState、useEffect、useContext、useMemo、useCallback 和自定义钩子，实现现代 React 前端应用中的状态管理、副作用处理、性能优化和可重用逻辑。关键词：React Hooks, 前端开发, 状态管理, 副作用, 性能优化, 自定义钩子。

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

提供React钩子、效果、引用和组件设计的模式。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。

CSS Modules 是一种用于实现 CSS 样式作用域化和模块化的技术。本技能提供 CSS Modules 的配置、编写、组合、变量使用和主题化处理的专家指导。它帮助前端开发者在 React 等现代框架中管理组件样式，避免样式冲突，构建可维护的设计系统。关键词：CSS Modules，作用域样式，模块化CSS，React样式，前端开发，组件样式，CSS变量，主题化。

Context7高效文档获取器是一款专为开发者设计的智能文档检索工具，通过创新的shell管道过滤技术实现高达86.8%的令牌节省。该工具能够智能获取JavaScript、Python、Go、Rust等主流编程语言的库文档、API参考、代码示例和最佳实践。核心功能包括智能库解析、代码示例提取、API签名过滤和概念解释，特别适用于React hooks查询、Next.js路由语法、Prisma使用模式等框架学习场景。主要关键词：文档获取、令牌优化、代码示例、API参考、开发工具、智能过滤、MCP技术、编程学习、框架文档、效率提升。

此技能专注于提供 Next.js 框架的架构设计与优化解决方案。核心内容包括 App Router 路由模式、服务器组件实现、性能调优策略以及从旧版 Pages Router 的平滑迁移。适用于需要构建高性能、可扩展的全栈 Web 应用场景，帮助开发者遵循最佳实践，提升应用加载速度与开发效率。关键词：Next.js 架构，App Router 迁移，服务器组件，性能优化，全栈开发，React 框架。

后端测试编写器是一个AI工具，专门为MERN堆栈（MongoDB, Express, React, Node.js）后端代码自动生成全面、可运行的测试。它能智能分析项目结构，检测测试框架，并根据文件类型（路由、控制器、服务、模型等）生成相应的单元测试或集成测试。该工具强调零配置、智能默认值，确保测试覆盖成功路径、验证错误、认证失败及各种边缘情况，并包含正确的设置和清理逻辑。关键词：后端测试，自动化测试，MERN堆栈，单元测试，集成测试，Jest，Supertest，测试覆盖率，Node.js，Express，MongoDB。

在Next.js/React应用中安全配置和自定义OpenAI/ChatKit聊天小部件的专家集成。

本技能是一个全面的代码审查与陷阱预防工具，专注于现代Web开发中的常见错误模式。它通过自动化检查，帮助开发者在代码审查、提交前和调试阶段，系统性地识别并预防在TanStack Query、Drizzle ORM、Express API、React、WebSocket、区块链RPC和安全等领域的高频问题。关键词：代码审查，陷阱预防，Web开发，React，区块链，安全，最佳实践，自动化检查，开发效率。

这项技能全面审计 Expo/React Native 应用的 API 集成层，用于识别认证问题、硬编码数据、同步问题以及离线行为等关键问题。关键词包括：API 集成、认证处理、数据同步、离线行为。

React Native性能优化技巧，包括列表优化、组件记忆化、避免不必要的重新渲染等，旨在提升Expo/React Native应用的性能表现。

这项技能涉及使用Next.js/React技术栈进行前端开发，包括UI实现、API集成、状态管理等关键环节，确保项目在前端的高质量交付。