用途：该技能面向 React、Next.js 及高性能用户界面的现代前端开发模式，在构建组件、管理状态、实现数据获取、优化性能、处理表单、客户端路由、构建无障碍响应式 UI 等场景下激活。
主要能力：
- 组件模式：组合优于继承、复合组件（Context 共享状态）、渲染属性（Render Props）。
- 自定义 Hook：状态切换 useToggle、异步数据获取 useQuery、防抖 useDebounce。
- 状态管理：Context + useReducer 模式，配合类型化 Action 与自定义 Hook 消费。
- 性能优化：useMemo、useCallback、React.memo 记忆化；lazy + Suspense 代码分割；@tanstack/react-virtual 长列表虚拟化。
- 表单处理：受控表单与校验、错误状态管理、提交处理。
- 错误边界：类组件 ErrorBoundary 捕获渲染错误并提供回退 UI。
- 动画：Framer Motion 的 motion 与 AnimatePresence 实现列表与模态动画。
- 无障碍：键盘导航（方向键、Enter、Escape）、焦点管理与恢复、ARIA 属性。
使用方式：资料未提供安装命令或调用方式，仅以代码示例展示各模式的实现与用法，可直接参考示例结构在项目中应用。
适用场景：需要构建可维护、高性能 React/Next.js 界面的前端开发工作。
限制：资料未说明收费、价格、平台支持范围或效果保证；示例依赖 React、Next.js、Zustand、SWR、React Query、Zod、Framer Motion、@tanstack/react-virtual 等库，具体版本与兼容性暂未提供。