Skills
.Work. You
Rest

Refactor Frontend

Official

Refactor frontend safely for Inertia/React.

Software Engineering#typescript#testing#frontend#react#patterns#refactor#inertia
Authorgmedia
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Refactor frontend code in Inertia/React projects in a controlled, non-disruptive way that preserves UI behavior, test stability, and API compatibility.

Core Features & Use Cases

  • Structured refactor guidelines for components, hooks, and utilities.
  • Patterns to preserve data contracts and API expectations during refactors.
  • Real-world scenario: upgrading typing and extracting common logic to helpers without changing behavior.

Quick Start

Identify a frontend component to refactor, fetch a reference pattern with MCP tools, implement the change while preserving API contracts, and run the existing tests to confirm compatibility.

Dependency Matrix

Required Modules

None required

Components

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 Frontend
Download link: https://github.com/gmedia/erp/archive/main.zip#refactor-frontend

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.