Imported from henryalouf/ruflow (src/antigravity-awesome-skills/plugins/antigravity-awesome-skills-claude/skills/react-modernization/SKILL.md). Install upstream with npx skills add henryalouf/ruflow --skill react-modernization. Copyright stays with the author.

React Modernization

Name: react-modernization
Author: henryalouf

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.

{ "ocm": "1", "id": "henryalouf-ruflow-react-modernization", "kind": "skill", "name": "react-modernization", "description": "Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.", "publisher": "henryalouf", "version": "1.0.0", "capabilities": { "domains": [ "coding" ], "tags": [ "skill-md", "github" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation." ], "primary": false, "metadata": { "source": { "provider": "github", "repository": "https://github.com/henryalouf/ruflow", "path": "src/antigravity-awesome-skills/plugins/antigravity-awesome-skills-claude/skills/react-modernization/SKILL.md", "ref": "568d7a50cacc9897b4c236bf49a103cbb3406ea9", "url": "https://github.com/henryalouf/ruflow/blob/568d7a50cacc9897b4c236bf49a103cbb3406ea9/src/antigravity-awesome-skills/plugins/antigravity-awesome-skills-claude/skills/react-modernization/SKILL.md", "key": "henryalouf/ruflow/src/antigravity-awesome-skills/plugins/antigravity-awesome-skills-claude/skills/react-modernization/SKILL.md" } }, "instructions": "# React Modernization\n\nMaster React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.\n\n## Use this skill when\n\n- Upgrading React applications to latest versions\n- Migrating class components to functional components with hooks\n- Adopting concurrent React features (Suspense, transitions)\n- Applying codemods for automated refactoring\n- Modernizing state management patterns\n- Updating to TypeScript\n- Improving performance with React 18+ features\n\n## Do not use this skill when\n\n- The task is unrelated to react modernization\n- You ne", "cost": { "context_tokens": 247 } }

react-modernization

About

React Modernization

Use this skill when

Do not use this skill when

Instructions

Resources

Use it

Manifest

Reviews