用途:用于构建 React 或 Next.js 的 UI 组件与页面、修复前端性能/无障碍/状态问题、设计客户端数据获取与交互流程。不适用于仅需后端 API 架构、非 Web 技术栈的原生应用,或只需纯视觉设计而无需实现指导的场景。
主要能力:核心 React 19 特性(Actions、Server Components、异步过渡)、并发渲染与 Suspense、高级 Hooks(useActionState、useOptimistic、useTransition、useDeferredValue)、自定义 Hook 与错误边界;Next.js 15 App Router、RSC 与流式渲染、Server Actions、并行/拦截路由、ISR、Edge 运行时与中间件、图片与 Core Web Vitals 优化;状态与数据获取(Zustand、Jotai、Valtio、TanStack Query、SWR、Redux Toolkit、WebSocket/SSE);样式与设计系统(Tailwind CSS、CSS-in-JS、CSS Modules、主题与暗色模式、Framer Motion);性能优化(LCP/FID/CLS、代码分割、懒加载、包分析);测试与质量(React Testing Library、Jest、Playwright、Cypress、Storybook、axe-core、TypeScript 5.x);无障碍(WCAG 2.1/2.2 AA、ARIA、键盘导航、焦点管理);工程化与集成(ESLint/Prettier、Husky、CI/CD、Nx/Turbo、NextAuth.js、Stripe、CMS、Prisma/Drizzle)。
使用方式:先明确需求、目标设备与性能目标,再选择组件结构及状态/数据方案,随后实现兼顾无障碍与响应式的 UI,最后通过性能剖析与审计验证。
限制:仅用于与上述范围明确匹配的任务;输出不能替代针对具体环境的验证、测试或专家评审;若缺少必要输入、权限、安全边界或成功标准,应停止并请求澄清。具体安装命令、收费与平台信息暂未提供。