Use Case
React Modernization is a powerful AI agent skill that extends your assistant with new capabilities. Upgrade React apps by migrating class components to hooks, adopting React 18/19 concurrent features, running codemods, and adding TypeScript types. This guide walks you through installing React Modernization, configuring it for your setup, and running your first commands β so you can start getting value in minutes.
Install React Modernization: npx clawhub@latest --dir ~/.claude/skills install react-modernization
Restart your AI client (Claude Code, Cursor, Gemini CLI, or OpenClaw)
Type a natural language request related to developer & devops to trigger React Modernization
Review the output and refine your prompt for better results
Combine React Modernization with other skills to build multi-step workflows
Copy these prompts and use them with your AI agent after installing React Modernization
Help me get started with React Modernization
What can React Modernization do for my developer & devops workflow?
Show me an example of using React Modernization
Select your agent
Option 1: Install via CLI (recommended)
Recommended (no pre-install needed)
npx clawhub@latest --dir ~/.claude/skills install react-modernizationOr via clawhub CLI (if already installed)
clawhub --dir ~/.claude/skills install react-modernizationβ οΈ Requires Node.js 18+. No Node? Use Option 2 below to download the ZIP instead. Install Node.js β
Option 2: Manual install (no Node required)
Download the ZIP, extract it, and place the folder at the path below. Restart your agent to activate.
Install path
~/.claude/skills/react-modernization/π‘Extract and place the folder at the path above, then restart your agent.