Skills
.Work. You
Rest

refactor:react-native

Community

Refactor RN/TS for clean, fast apps.

Software Engineering#typescript#architecture#refactor#react-native#fabric#turbo-modules#JSI
AuthorSnakeO
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps teams restructure large React Native projects written in TypeScript, improving maintainability, performance, and alignment with modern RN architecture.

Core Features & Use Cases

  • Refactor toward React Native New Architecture (Fabric, TurboModules, JSI) and Expo SDK 52+ patterns.
  • Improve code quality via SRP, DRY, and modularization; extract reusable hooks and components; optimize navigation and animations.
  • Use Case: A monolithic RN app with fragile navigation and inline styles is progressively split into small, testable modules with type-safe navigation and improved performance.

Quick Start

Refactor the codebase to adopt Fabric, TurboModules, and JSI while preserving behavior; create reusable hooks for API calls; extract heavy UI logic into memoized components; separate platform-specific code.

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:react-native
Download link: https://github.com/SnakeO/claude-debug-and-refactor-skills-plugin/archive/main.zip#refactor-react-native

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.