一键导入
component-refactoring
Use when React components are too large or complex and need extraction, simplification, or separation of concerns.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Use when React components are too large or complex and need extraction, simplification, or separation of concerns.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when designing, reviewing, or modifying backend API endpoints, schemas, validation, and API documentation.
Use when reviewing architecture boundaries, dependency direction, or multi-layer design decisions across modules.
Use when shaping new features or behavior changes that need requirements clarification and option tradeoff exploration before implementation.
Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies
Use when modeling domain concepts, aggregates, and bounded contexts or checking DDD alignment in existing code.
Use when implementing or reviewing football data logic, pitch coordinates, event modeling, or sports vision pipelines.
| name | component-refactoring |
| description | Use when React components are too large or complex and need extraction, simplification, or separation of concerns. |
Refactor high-complexity React components with the patterns and workflow below.
Complexity Threshold: Components with lineCount > 300 should be considered for refactoring.