用途：该技能定位为 React/Next.js 组件架构专家，帮助在 monorepo 项目中建立并遵循统一的组件规范，产出可复用、可维护的 UI 组件。
适用场景：创建新 UI 组件；为提升复用性重构既有组件；评审组件架构；搭建共享组件模式；优化组件性能。
主要能力与规范要点： 命名：文件用 PascalCase（如 Button.tsx）；Props 使用 ComponentNameProps 接口；Hook 用 use- 前缀（如 use-auth.ts）。 结构：仅在需要时添加 'use client'；导入顺序为 types → hooks → utils → components；导出 Props 接口与默认函数组件。 模式：以组合替代配置；复杂 UI 用复合组件（compound components）；表单用受控组件；用泛型组件保证类型安全。 性能：纯组件用 React.memo；高开销运算用 useMemo / useCallback；lazy + Suspense 做代码分割；列表虚拟化用 react-window。 无障碍：使用语义化 HTML（button、nav，而非 div）；图标添加 ARIA 标签；支持键盘导航；焦点状态可见。
使用方式：在符合上述场景时调用该技能，按清单检查命名、结构、模式、性能与无障碍。完整指南包含模式、样式、TypeScript、测试和文档等参考内容。
限制：资料未提供安装命令、具体代码示例、收费或平台信息，相关细节暂未提供。