refactor-components
CommunitySplit large React components into focused pieces.
Software Engineering#architecture#react#maintainability#component#refactor#code-smell#refactoring-plan
AuthorBrOrlandi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Find large React components (.tsx/.jsx) with too many responsibilities and refactor them into smaller, focused components. Use when the user wants to clean up or split large components.
Core Features & Use Cases
- Identify oversized React components by file type (.tsx/.jsx) and line counts.
- Analyze component responsibilities and propose a structured refactoring plan.
- Guide the user through selection of extractions (Component, Custom Hook, or Utility) and plan execution.
Quick Start
Scan a project path for .tsx and .jsx files, specify an optional threshold, review the suggested extractions, and approve the plan to proceed.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: refactor-components Download link: https://github.com/BrOrlandi/my-claude-skills/archive/main.zip#refactor-components Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.