skills.rest
wollfoo
wollfooCOMMUNITY
Explore all skills by this author →
GitHub

code-refactor-master

Restructure files, track dependencies, and extract reusable components.

Updated Nov 20, 2025
Search Tags:#code quality#typescript#refactoring#dependency management#code organization#component extraction
One-click install
npx skills add https://github.com/wollfoo/codex-cli --skill code-refactor-master-wollfoo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: code-refactor-master
Source: https://github.com/wollfoo/codex-cli/tree/main/skills/code-refactor-master
Command: npx skills add https://github.com/wollfoo/codex-cli --skill code-refactor-master-wollfoo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill tackles disorganized, hard-to-maintain codebases by improving organization, architecture, and refactoring, ensuring systems are well-structured and robust.

Core Features & Use Cases

  • Code Organization: Restructures files and directories for better logical grouping and discoverability.
  • Dependency Management: Meticulously tracks and updates file imports to prevent breakage during refactoring.
  • Component Refactoring: Breaks down large components into smaller, reusable units and enforces consistent loading patterns.
  • Use Case: Refactor a legacy project's file structure, update all cross-module imports, and replace outdated loading indicators with a modern LoadingOverlay component.

Quick Start

Use the code-refactor-master skill to reorganize the project's src/components directory and update all related imports.

Frequently Asked Questions about code-refactor-master

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I refactor a disorganized codebase and update file imports without breaking dependencies?▼

To refactor a disorganized codebase, restructure files and directories for better logical grouping while meticulously tracking and updating file imports to prevent breakage during dependency management.

What is the best way to extract large components into smaller reusable units in TypeScript?▼

The best way to extract large components is to break them down into smaller, reusable units and enforce consistent loading patterns, such as replacing outdated indicators with a unified component.

How do I reorganize my project's component directory structure?▼

Reorganizing your project's component directory involves restructuring files and directories for better logical grouping and discoverability, then updating all related cross-module imports to maintain functionality.

When should I address code anti-patterns during a refactoring process?▼

You should address code anti-patterns during refactoring when optimizing code quality to ensure systems are well-structured, robust, and maintainable for long-term architecture improvements.

Does this refactoring approach work with TypeScript dependency management?▼

Yes, this refactoring approach works with TypeScript by tracking and updating file imports across modules to prevent breakage, ensuring consistent loading patterns using specified libraries.

Related Skills

Explore More Software Engineering Skills→
radenadriradenadri

codebase-conformity

Inspect existing patterns before writing new code in a codebase.

Community
Advanced
mhattingpetemhattingpete
657

code-refactor

Refactor code across multiple files to rename identifiers and replace patterns.

Community
Intermediate
helderbertohelderberto
114

lint

Run tsc noEmit and eslint lint checks on TypeScript and JavaScript projects.

Community
Intermediate
tizeetizee
2

uv-script

Create and run standalone Python scripts with inline dependency metadata using uv.

Community
Advanced