Run any Skill in Manus with one click

react-component-refactor

Stars11,480

Forks1,876

UpdatedMarch 10, 2026 at 12:18

Refactor large React components by extracting hooks, splitting sub-components, and organizing directory structure following established patterns.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

dataelement

dataelement/bisheng

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

File Explorer

3 files

SKILL.md

readonly

name	react-component-refactor
description	Refactor large React components by extracting hooks, splitting sub-components, and organizing directory structure following established patterns.

React Component Refactor

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.

Instructions

Read the Guidelines: Read resources/GUIDELINES.md for the complete refactoring checklist and rules.
Read the Examples: Read resources/EXAMPLES.md for concrete before/after patterns from real refactoring work.
Execute: Follow the guidelines to refactor the target module.

react-component-refactor

React Component Refactor

Instructions

More from this repository

React Component Refactor

Instructions

More from this repository