该技能用于在React应用中实现Apollo Client的GraphQL模式，包括查询、突变、缓存管理、本地状态处理等。关键词：Apollo Client, GraphQL, React, 缓存, 状态管理, 前端开发。

这个技能专注于在TypeScript项目中集成Zustand状态管理库，提供类型安全的商店创建、选择器定义、切片模式、中间件使用等高级模式，帮助前端开发者构建可维护、高效和类型安全的React应用。关键词：Zustand, TypeScript, 状态管理, 类型安全, 前端开发, React, 商店创建, 选择器, 切片模式, 中间件。

此技能专注于在React Native框架中创建和集成原生模块，实现JavaScript与iOS/Android原生代码的桥接，支持Turbo Modules、平台特定API访问、原生事件处理和性能优化，关键词包括React Native、原生模块、Turbo Modules、iOS开发、Android开发、桥接技术、移动应用开发。

React useEffect钩子使用规范与优化技巧，涵盖数据获取、状态同步、性能优化等核心场景。提供何时使用与避免Effect的决策框架，包含常见反模式解决方案和替代方案推荐。关键词：React Hooks, useEffect, 性能优化, 状态管理, 前端开发, 最佳实践

Redux Toolkit 技能提供在 React 应用中实现现代化状态管理的专家级指导。它专注于 Redux Toolkit 库的核心模式，包括创建类型安全的切片（slice）、使用 createAsyncThunk 处理异步逻辑、配置 RTK Query 进行高效的数据获取与缓存、利用 createEntityAdapter 进行状态规范化，以及集成 Redux DevTools 进行调试。适用于从零搭建 Redux 项目、迁移旧版 Redux 或优化现有状态管理架构。关键词：Redux Toolkit，React 状态管理，RTK Query，异步操作，TypeScript，前端开发，状态规范化。

这是一个用于在Next.js框架中构建安全、稳健的API客户端的技能，专门处理JWT令牌的身份验证流程。该技能提供集中化的API通信层，自动管理令牌的附加、过期检测和刷新，标准化错误处理，并支持客户端和服务器端集成。关键词：Next.js API客户端、JWT身份验证、令牌管理、前端安全、API集成、错误处理、React集成、性能优化

本技能专注于使用Next.js 16框架构建现代化Web应用程序，涵盖从项目初始化、架构设计到部署的全流程。内容包括Next.js 16的重大变更（异步params/searchParams、Turbopack、缓存组件）、App Router模式、服务器组件与客户端组件的最佳实践、API路由设计、中间件配置（proxy.ts）、数据获取策略、项目结构规范以及开发工具集成（Next.js DevTools MCP）。适用于前端开发者、全栈工程师构建高性能、可扩展的React应用，特别适合需要SEO优化、服务器端渲染和现代化开发体验的项目。

自动化生成React/Vue组件，包括TypeScript定义、测试和样式，遵循最佳实践，提高开发效率。

此技能用于在 React 应用中实现类型安全的表单验证，结合 React Hook Form 和 Zod 库。它支持表单模式定义、字段数组、多步骤表单、客户端和服务器端验证，并解决常见错误如未控制到控制警告。关键词：React Hook Form, Zod, 表单验证, 类型安全, 前端开发, React 表单, 性能优化, 可访问性。

本文介绍了React、Next.js框架下，用于状态管理、性能优化和UI最佳实践的现代前端开发模式。包括组件模式、自定义钩子模式、状态管理模式、性能优化、表单处理模式、错误边界模式、动画模式和可访问性模式。

Portfolio Buddy 2 开发规划指南，提供代码保留、移动/桌面端优化、需求澄清等核心原则。适用于软件开发、量化金融、前端开发、代码重构、项目管理、敏捷开发、React TypeScript、投资组合分析、金融科技应用开发。

UI处理器是一个用于快速构建现代Web界面的技能工具。它通过集成Shadcn MCP和21st.dev MCP，提供原子组件（如按钮、输入框）和复杂区块（如英雄区、仪表盘）的自动化生成与管理。核心功能包括组件安装、主题定制、布局构建和样式管理，旨在提升前端开发效率，实现UI的快速原型设计和一致性维护。关键词：UI组件，前端开发，Shadcn，21st.dev，原子设计，区块生成，主题定制，React组件，Web界面构建。