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，区块链，安全，最佳实践，自动化检查，开发效率。

本指南提供了React 19开发的核心概念、模式和最佳实践，包括Actions、Server Components和新的hooks，旨在帮助开发者构建高性能的React应用。

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

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

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

在React应用程序中使用错误边界进行优雅错误处理，捕获JavaScript错误并显示备用UI以提高应用程序的弹性。

这个技能用于自动生成Jest单元测试，适用于JavaScript和TypeScript代码，包括Mocking、覆盖率分析、测试结构组织等。它能提升前端开发中的测试效率，覆盖常见测试场景如React组件测试、异步代码测试和错误处理。关键词：Jest, 测试生成, 单元测试, JavaScript, TypeScript, 覆盖率, Mocking, 前端测试。