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

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

这是一份针对React 19和TypeScript的详细编码规范文档，专门为量化金融分析工具Portfolio Buddy 2制定。它涵盖了组件结构、状态管理、TypeScript最佳实践、性能优化、错误处理、测试标准和代码组织等多个方面，旨在确保代码质量、可维护性和一致性。关键词包括：React 19, TypeScript, 编码规范, 组件设计, 状态管理, 性能优化, 错误处理, 代码审查, 前端开发, 量化金融工具。

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

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

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

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

前端设计系统技能专注于通过系统化的方法构建和维护一致、可扩展的用户界面组件，包括设计令牌、组件模式、布局系统和状态管理等核心部分，以提高前端开发效率和代码质量。关键词：前端开发，设计系统，UI组件，一致性，可维护性，组件库，React，TypeScript，SEO优化。

这个技能用于构建类型安全、基于文件的路由的React单页应用（SPA），集成TanStack Query，优化用于Cloudflare Workers部署，提高开发效率和代码质量。关键词包括：TanStack Router、React路由、TypeScript类型安全、文件路由、数据加载、Cloudflare Workers、前端开发。

这是一个用于React和Next.js应用性能优化的技能，提供Vercel工程团队的45条最佳实践规则，涵盖从消除瀑布效应到包大小优化等关键领域，旨在指导代码重构和自动化生成。关键词包括：React, Next.js, 性能优化, 前端开发, 代码审查, 数据获取, 包优化, 渲染性能, JavaScript优化。

本技能提供由Vercel工程团队维护的React和Next.js应用性能优化指南，涵盖57条规则，分为8个优先级类别，帮助开发者在编写、审查、重构代码时优化性能，关键词包括React、Next.js、前端开发、性能优化、Vercel、数据获取、包大小优化、渲染优化、JavaScript优化，适用于提升网站速度和用户体验。

这个技能组用于构建现代化的全栈Web应用，整合了Next.js、Turborepo和RemixIcon工具，涵盖服务器端渲染、静态生成、构建优化和图标集成。关键词：Next.js、Turborepo、RemixIcon、React、服务器端渲染、单仓库管理、前端开发、图标库、全栈Web应用。