preen-split-react-components
CommunitySplit large React components.
Authora2f0
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of maintaining large, unwieldy React component files by refactoring them into smaller, more manageable, and organized modules.
Core Features & Use Cases
- Proactive Refactoring: Identifies oversized React component files in a monorepo.
- Modularization: Splits components into individual files with clear folder structures.
- Colocated Tests: Ensures tests are placed alongside their respective components.
- Use Case: Refactor a monolithic
UserProfileCard.tsxfile that contains multiple distinct UI sections (e.g., header, details, activity feed) into separate, reusable components likeUserProfileHeader.tsx,UserDetails.tsx, andUserActivityFeed.tsx.
Quick Start
Run the preen-split-react-components skill to find and refactor large React component files in the current project.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 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: preen-split-react-components Download link: https://github.com/a2f0/tearleads/archive/main.zip#preen-split-react-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.