用途：指导资深前端软件工程工作，覆盖复杂 React/Next.js 功能、布局与设计系统组件，前端架构决策（状态、组合、RSC 与客户端渲染取舍），性能工作（包体积、请求瀑布、Core Web Vitals），可访问性修复与面向 WCAG 的实现，以及资深前端 PR 评审（正确性、a11y、可维护性）。
主要能力与工作流：组件与功能设计上，将用户流程映射到路由与布局边界，刻意区分服务端（数据获取、静态）与客户端（交互），定义组件 API（props、slots、variants、受控与非受控），规划加载、空、错误、部分成功等状态，并对齐设计令牌。状态与数据获取上，服务端数据优先用 RSC fetch、变更用 Server Actions；客户端缓存用 TanStack Query 等并设置 stale time；URL 状态用 search params 实现可分享筛选；全局 UI 用最小 context 并就近放置状态，避免深层 prop drilling。样式与设计系统使用系统设计令牌，变体用 cva 或等价方案，响应式与暗色模式由令牌驱动，不擅自 fork 组件。可访问性以语义 HTML 优先，仅在需要时用 ARIA，关注键盘焦点顺序、可见焦点、Esc 关闭、输入标签与动态更新播报，面向客户流程以 WCAG 2.1 AA 为目标。性能上先测量（Lighthouse、Web Vitals、bundle analyzer），修复瀑布（并行获取、提升服务端数据），按路由与重组件做代码分割，图片设置尺寸、现代格式与 LCP 优先级。测试分层为单元（hooks、格式化、reducer）、组件（React Testing Library，测行为而非实现）、E2E（仅关键旅程）；PR 评审关注 a11y、边界状态、不必要的客户端边界、包体积影响与测试缺口。
参考文档按需加载：组件与组合、状态与获取、设计系统、a11y 与性能、代码评审分别对应 references 目录下的对应文件。
限制与不适用：需要新 API 与 schema 的端到端功能应改用 fullstack-software-engineer 或 senior-fullstack-developer；纯视觉/设计方向无代码应走设计评审流程；基础设施、部署或监控应走 devops；多服务后端设计应走 senior-software-engineer。具体安装命令、收费与平台信息暂未提供。