react-single-responsibility
Installation
SKILL.md
Single Responsibility Principle
Every file, function, component, and hook does one thing. If you can describe it with "and", split it.
Hard Limits
| Metric | Max | Action |
|---|---|---|
| File length | 200 lines | Split into smaller modules |
| Function/hook body | 30 lines | Extract helpers or sub-hooks |
| Component JSX return | 50 lines | Extract child components |
| Function parameters | 3 | Use an options object |
| Component props | 5-6 | Compose smaller components or use children |
| Nesting depth (callbacks/conditionals) | 3 levels | Extract early returns or helpers |
| Cyclomatic complexity | 5 branches | Simplify or split logic |