Skill

react-modernization

Upgrades React apps to latest versions, migrates class components to hooks, adopts concurrent features like Suspense and transitions, and applies codemods for automated refactoring.

React

TypeScript

frontend

code-quality

npx claudepluginhub sickn33/antigravity-awesome-skills --plugin antigravity-awesome-skills

Popularity

Parent stars

37,902

Parent forks

6,202

Shared by

Invocation

How this skill is triggered — by the user, by Claude, or both

Slash command

/antigravity-awesome-skills:react-modernization

User invocable

Model invocable

Inline context

Default effort

Context Preview

The summary Claude sees in its skill listing — used to decide when to auto-load this skill

Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.

Supporting Files

resources/implementation-playbook.md

SKILL.md

43 lines · ~387 tokens

Similar Skills

react-modernization

39.9k

Upgrades React versions, migrates class components to hooks, adopts concurrent features (Suspense, transitions), and applies codemods for automated refactoring.

1 file

antigravity-awesome-skills

React Modernization

faos-ux-designer

react

Corrects stale React 18/19 patterns and anti-patterns — hooks discipline, component architecture, state management, and common LLM training data mistakes.

5 files

sage

Stats

LanguagePython

Parent stars37,902

Parent forks6,202

MaintenanceExcellent

Last CommitMay 16, 2026

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

Stats

Actions

Help us improve

Share bugs, ideas, or general feedback.

React Modernization

Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.

Use this skill when

Upgrading React applications to latest versions

Migrating class components to functional components with hooks

Adopting concurrent React features (Suspense, transitions)

Applying codemods for automated refactoring

Modernizing state management patterns

Updating to TypeScript

Improving performance with React 18+ features

Do not use this skill when

The task is unrelated to react modernization

You need a different domain or tool outside this scope

Instructions

Clarify goals, constraints, and required inputs.

Apply relevant best practices and validate outcomes.

Provide actionable steps and verification.

If detailed examples are required, open resources/implementation-playbook.md.

Resources

resources/implementation-playbook.md for detailed patterns and examples.

Limitations

Use this skill only when the task clearly matches the scope described above.

Do not treat the output as a substitute for environment-specific validation, testing, or expert review.

Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.