Individual skill
codemod-react-pipeline
Guided, scripted pipeline for running JSX/TSX/React codemods safely across large legacy codebases. Use when you need to scaffold a codemod, dry-run it, validate its findings, and apply it across many files (50 to 100k+) without breaking the build. Walks the full inner/outer loop with the Codemod CLI (JSSG, ast-grep, workflows). Triggers on large-scale refactor, legacy React migration, codemod a prop/API change, migrate components across the codebase, run a codemod safely, batched/resumable codemod apply, dry-run a codemod.
skills/.experimental/codemod-react-pipeline/SKILL.md
Source commit cf93c57cac89d6fc3e4194686000411567f5caf3
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 5, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 222
- Repository last updated
- Aug 15, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- engineering Derived category
- engineering-web Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
README.mddoc · 3,903 bytesSKILL.mdcore · 6,591 bytesSKILL.mdcore · 6,591 bytesSKILL.mdcore · 6,591 bytesassets/templates/astgrep-rule.yml.templateasset · 1,111 bytesassets/templates/codemod.yaml.templateasset · 705 bytesassets/templates/fixtures/expected.tsx.templateasset · 447 bytesassets/templates/fixtures/input.tsx.templateasset · 456 bytesassets/templates/transform.ts.templateasset · 2,303 bytesassets/templates/workflow.yaml.templateasset · 3,158 bytesconfig.jsonasset · 2,408 bytesgotchas.mddoc · 3,587 byteshooks/hooks.jsonasset · 277 bytesmetadata.jsonasset · 1,174 bytesreferences/inner-outer-loop.mddoc · 3,881 bytesreferences/safety-and-scale.mddoc · 4,415 bytesreferences/workflow.mddoc · 7,491 bytesscripts/00-plan.shruns · 4,198 bytesscripts/01-scaffold.shruns · 3,333 bytesscripts/02-inner-loop.shruns · 3,372 bytesscripts/03-dry-run.shruns · 5,448 bytesscripts/04-validate-findings.shruns · 4,567 bytesscripts/05-run-batched.shruns · 5,858 bytesscripts/guardrail.shruns · 3,207 bytesscripts/lib/common.shruns · 8,033 bytesscripts/selftest.shruns · 4,515 bytesscripts/verify.shruns · 3,258 bytes
Read excerpt
# Codemod React Pipeline
A safe, repeatable workflow for applying **JSX / TSX / React codemods to large legacy
codebases** — from a 50-file rename to a 100k-file API migration. It composes the
[Codemod CLI](https://docs.codemod.com) (JSSG, ast-grep, workflows) into an inner/outer loop and
gates every mass change behind a dry-run plus validation. For the *why* behind each rule it cites,
see the sibling [`codemod`](../codemod/) best-practices reference.
## When to Apply
Use this skill when:
- You're migrating a pattern across a large React/TS codebase (component/prop rename, deprecated
API, import swap, hook migration) and a hand-run `codemod jssg run ./t.ts ./src` is too risky.
- You need the change to land **incrementally and reviewably** — per-batch commits, resumable on