← Back to Skills Marketplace
1095
Downloads
0
Stars
2
Active Installs
1
Versions
Install in OpenClaw
/install react-modernization
Description
Upgrade React apps by migrating class components to hooks, adopting React 18/19 concurrent features, running codemods, and adding TypeScript types.
Usage Guidance
This skill is documentation-only and does not bundle code or request credentials, so its immediate footprint is small. Two practical cautions: (1) The guide mentions automated codemods but does not include them — if you or the agent fetches codemods from third-party URLs, review those scripts before running them (run on a branch/backup, inspect the code, and prefer official repo releases). (2) README contains example npx commands (one referencing a raw GitHub tree URL) that look nonstandard — treat any npx/add/download commands as potentially executing external code and verify the source before running. Otherwise, the skill appears coherent with its stated purpose.
Capability Analysis
Type: OpenClaw Skill
Name: react-modernization
Version: 1.0.0
The `SKILL.md` file, which contains instructions for the AI agent, is benign and focuses solely on React modernization tasks, using standard development tools like `npx codemod` and `rg`. However, the `README.md` file includes an installation instruction `npx add https://github.com/wpank/ai/tree/main/skills/frontend/react-modernization`. This `npx add` command is non-standard and, if interpreted as a mechanism for executing arbitrary code from a remote URL, represents a supply chain vulnerability during installation. While not directly malicious in its intent to steal data or create backdoors, it introduces a risky capability in the installation process, classifying the bundle as suspicious.
Capability Assessment
Purpose & Capability
The skill claims to provide guidance for migrating React apps and the SKILL.md contains migration patterns, examples, and upgrade notes. It does mention 'automated codemods' but does not include any codemod scripts or request unrelated credentials — the scope of required resources is consistent with a documentation/instruction skill.
Instruction Scope
The instructions are focused on code migration patterns and migration checklists. They do not instruct the agent to read system files, access environment variables, or exfiltrate data. Note: the skill references automated codemods but provides no codemod artifacts in the package — if the agent or user later fetches or runs codemods from external sources, that introduces additional risk not covered by this skill alone.
Install Mechanism
There is no install spec and no code files — the skill is instruction-only. README shows example install commands (npx clawhub install, and an npx add line pointing to a GitHub tree) but these are documentation snippets rather than an install script embedded in the skill. No downloads or extracted archives are included.
Credentials
The skill declares no required environment variables, credentials, or config paths. Nothing in the SKILL.md accesses secrets or unrelated environment variables.
Persistence & Privilege
The skill is not set to always:true and does not request persistent or cross-skill configuration. Model invocation is not disabled (the platform default) — this is expected for skills and is not itself a red flag here.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install react-modernization - After installation, invoke the skill by name or use
/react-modernization - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
Initial release: Modernize React apps with automated migration patterns, codemods, and key upgrade support.
- Guides migration from class components to hooks with lifecycle mappings
- Covers React 18/19 concurrent features and upgrade breaking changes
- Provides codemods and search patterns for large-scale refactoring
- Includes patterns for HOC/render-prop to hook migration
- Supports TypeScript adoption for React codebases
Metadata
Frequently Asked Questions
What is React Modernization?
Upgrade React apps by migrating class components to hooks, adopting React 18/19 concurrent features, running codemods, and adding TypeScript types. It is an AI Agent Skill for Claude Code / OpenClaw, with 1095 downloads so far.
How do I install React Modernization?
Run "/install react-modernization" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is React Modernization free?
Yes, React Modernization is completely free (open-source). You can download, install and use it at no cost.
Which platforms does React Modernization support?
React Modernization is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created React Modernization?
It is built and maintained by wpank (@wpank); the current version is v1.0.0.
More Skills