メニュー
Refactor large React components by extracting hooks, splitting sub-components, and organizing directory structure following established patterns.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
规范当前 Python (FastAPI + SQLAlchemy) 项目的代码开发标准，涵盖编码风格、分层架构、数据库及异常处理等。
Internationalize a module by extracting hardcoded Chinese strings, generating translation keys, and updating all three locale files (en, zh-Hans, ja).
| name | react-component-refactor |
| description | Refactor large React components by extracting hooks, splitting sub-components, and organizing directory structure following established patterns. |
This skill provides a systematic approach for refactoring complex React components. Use it when a module has overgrown files, tangled state, or unclear separation of concerns.
resources/GUIDELINES.md for the complete refactoring checklist and rules.resources/EXAMPLES.md for concrete before/after patterns from real refactoring work.