jscodeshift-codemod

Community

Automate code migrations with AST codemods.

Authorthird774
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill guides you through writing jscodeshift codemods for automated code transformations. It helps you create robust codemods for TypeScript/JavaScript migrations, refactor patterns, and React component transformations, including AST navigation, import management, hook migrations, and TS/TSX transformations.

Core Features & Use Cases

  • Guided Codemod Creation: Learn to structure tests first (TDD) and write deterministic codemods.
  • Migration & Refactor Patterns: Automate library upgrades, API changes, and large-scale refactors.
  • React/Hooks Migrations: Handle migrations like useHistory to useNavigate and hook-driven updates.
  • TypeScript/TSX Transformations: Update type annotations and TSX code safely.
  • Operational Guidance: Multi-pass transforms, edge cases, and idempotency considerations.

Quick Start

Run the codemod against a codebase with a TypeScript/JavaScript project:

  • npx jscodeshift -t codemods/jscodeshift-codemod.ts [target] --parser=tsx --extensions=ts,tsx,js,jsx

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: jscodeshift-codemod
Download link: https://github.com/third774/dotfiles/archive/main.zip#jscodeshift-codemod

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository