用途：分析、规划、实施和评审前端 UI 组件边界，覆盖组件化框架，并对 React 提供专门指导。当被要求处理组件拆分任务时使用。
主要能力：按业务语义、变化原因和状态所有权选择最小充分边界，不以文件行数、JSX 深度或 props 数量替代工程判断。工作路径包括读取项目事实（项目指令、架构约定、目标模块 README、验证命令，以及目标组件、调用方、相邻实现、样式、测试和导入方式，并确认框架、路由、状态管理、数据获取和组件库约束）；盘点职责（渲染结构、数据获取、状态、派生计算、副作用、业务交互、无障碍语义、样式和资源）；选择边界；选择最小充分动作。
动作分级：保持原状（内容短小、单一语境、无独立变化或交互边界）、提取私有子组件（有清晰语义或完整交互但无跨语境复用）、提取逻辑单元（状态、副作用或计算形成可命名关注点且不新增 DOM）、提取业务共享组件（多个真实消费者共享同一业务语义与可访问性契约）、提取设计系统基础组件（跨业务复用且 API、状态、主题、无障碍和文档稳定）。
按请求模式：分析模式报告现状、候选边界、建议动作、代价和验证方法，不修改文件；实施模式只改必要内容，保持外部契约和用户可观察行为；评审模式优先指出欠拆、过拆、错误抽象、状态所有权和交互完整性问题。
验证：运行项目已有格式、类型检查、测试和构建命令；UI 风险高时验证关键页面、键盘操作、焦点及加载、空、错误、重试状态。不变量：保持 DOM 语义、可访问名称、键盘行为、焦点顺序、事件结果、状态身份与重置时机、异步取消与错误处理、公开 props 与导入路径、样式作用域与设计系统约束。
限制与护栏：不设统一行数、JSX 层数、Hook 数或 props 数阈值；不因一次重复或“以后可能复用”创建共享组件；不强制固定层级；不以猜测的渲染性能作为拆分依据。资料未提供具体安装命令或配置示例。