MCPInstall

jscodeshift

jscodeshift codemod development best practices from Facebook/Meta. This skill should be used when writing, reviewing, or debugging jscodeshift codemods. Triggers on tasks involving AST transformation, code migration, automated refactoring, or codemod development.

Installs
412
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/pproenca/dot-skills --skill jscodeshift
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads jscodeshift automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

Facebook/Meta jscodeshift Best Practices

Comprehensive best practices guide for jscodeshift codemod development, designed for AI agents and LLMs. Contains 40 rules across 8 categories, prioritized by impact from critical (parser configuration, AST traversal) to incremental (advanced patterns). Each rule includes detailed explanations, real-world examples, and specific impact metrics.

When to Apply

Reference these guidelines when:

  • Writing new jscodeshift codemods for code migrations
  • Debugging transform failures or unexpected behavior
  • Optimizing codemod performance on large codebases
  • Reviewing codemod code for correctness
  • Testing codemods for edge cases and regressions

Rule Categories by Priority

PriorityCategoryImpactPrefix
1Parser ConfigurationCRITICALparser-
2AST Traversal PatternsCRITICALtraverse-
3Node FilteringHIGHfilter-
4AST TransformationHIGHtransform-
5Code GenerationMEDIUMcodegen-
6Testing StrategiesMEDIUMtest-
7Runner OptimizationLOW-MEDIUMrunner-
8Advanced PatternsLOWadvanced-

Quick Reference

1. Parser Configuration (CRITICAL)

  • parser-typescript-config - Use correct parser for TypeScript files
  • parser-flow-annotation - Use Flow parser for Flow-typed code
  • parser-babel5-compat - Avoid default babel5compat for modern syntax
  • parser-export-declaration - Export parser from transform module
  • parser-astexplorer-match - Match AST Explorer parser to jscodeshift parser

2. AST Traversal Patterns (CRITICAL)

  • traverse-find-specific-type - Use specific node types in find() calls
  • traverse-two-pass-pattern - Use two-pass pattern for complex transforms
  • traverse-early-return - Return early when no transformation needed
  • traverse-find-filter-pattern - Use find() with filter object over filter() chain
  • traverse-closest-scope - Use closestScope() for scope-aware transforms
  • traverse-avoid-repeated-find - Avoid repeated find() calls for same node type

3. Node Filtering (HIGH)

  • filter-path-parent-check - Check parent path before transformation
  • filter-import-binding - Track import bindings for accurate usage detection
  • filter-nullish-checks - Add nullish checks before property access
  • filter-jsx-context - Distinguish JSX context from regular JavaScript
  • filter-computed-properties - Handle computed property keys in filters

4. AST Transformation (HIGH)

  • transform-builder-api - Use builder API for creating AST nodes
  • transform-replacewith-callback - Use replaceWith callback for context-aware transforms
  • transform-insert-import - Insert imports at correct position
  • transform-preserve-comments - Preserve comments when replacing nodes
  • transform-renameto - Use renameTo for variable renaming
  • transform-remove-unused-imports - Remove unused imports after transformation

5. Code Generation (MEDIUM)

  • codegen-tosource-options - Configure toSource() for consistent formatting
  • codegen-preserve-style - Preserve original code style with recast
  • codegen-template-literals - Use template literals for complex node creation
  • codegen-print-width - Set appropriate print width for long lines

6. Testing Strategies (MEDIUM)

  • test-inline-snapshots - Use defineInlineTest for input/output verification
  • test-negative-cases - Write negative test cases first
  • test-dry-run-exploration - Use dry run mode for codebase exploration
  • test-fixture-files - Use fixture files for complex test cases
  • test-parse-errors - Test for parse error handling

7. Runner Optimization (LOW-MEDIUM)

  • runner-parallel-workers - Configure worker count for optimal parallelization
  • runner-ignore-patterns - Use ignore patterns to skip non-source files
  • runner-extensions-filter - Filter files by extension
  • runner-batch-processing - Process large codebases in batches
  • runner-verbose-output - Use verbose output for debugging transforms

8. Advanced Patterns (LOW)

  • advanced-compose-transforms - Compose multiple transforms into pipelines
  • advanced-scope-analysis - Use scope analysis for safe variable transforms
  • advanced-multi-file-state - Share state across files with options
  • advanced-custom-collections - Create custom collection methods

How to Use

Read individual reference files for detailed explanations and code examples:

  • Section definitions - Category structure and impact levels
  • Rule template - Template for adding new rules

Full Compiled Document

For a single comprehensive document containing all rules, see AGENTS.md.

Reference Files

FileDescription
AGENTS.mdComplete compiled guide with all rules
references/_sections.mdCategory definitions and ordering
assets/templates/_template.mdTemplate for new rules
metadata.jsonVersion and reference information

FAQ

What does the jscodeshift skill do?

jscodeshift codemod development best practices from Facebook/Meta. This skill should be used when writing, reviewing, or debugging jscodeshift codemods. Triggers on tasks involving AST transformation, code migration, automated refactoring, or codemod development.

How do I install jscodeshift?

Run npx skills add https://github.com/pproenca/dot-skills --skill jscodeshift in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/jscodeshift/ (personal) or .claude/skills/jscodeshift/ (project).

Which AI agents can use jscodeshift?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is jscodeshift safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains jscodeshift?

It is published by pproenca in pproenca/dot-skills. It has 412 recorded installs.

More from pproenca/dot-skills

View all →

zod

pproenca/dot-skills

Zod schema validation best practices for type safety, parsing, and error handling. This skill should be used when defining z.object schemas, using z.string validations, safeParse, or z.infer. This skill does NOT cover React Hook Form integration patterns (use react-hook-form skill) or OpenAPI client generation (use orval skill).

Frontend & Design7.1K installs

vitest

pproenca/dot-skills

Vitest testing framework patterns for test setup, async testing, mocking with vi., snapshots, and test performance (formerly test-vitest). This skill should be used when writing or debugging Vitest tests. This skill does NOT cover TDD methodology (use test-tdd skill), API mocking with MSW (use test-msw skill), or Jest-specific APIs.

Testing & QA6.2K installs

react-hook-form

pproenca/dot-skills

React Hook Form performance optimization for client-side form validation using useForm, useWatch, useController, useFieldArray, the subscribe() API, and the Watch / FormStateSubscribe / FieldArray render-prop components. Covers RHF 7.82 additions including resetDefaultValues() and the disabled field-array option. This skill should be used when building client-side controlled forms with React Hook Form library. This skill does NOT cover React 19 Server Actions, useActionState, or server-side form handling (use react-19 skill for those).

emilkowal-animations

pproenca/dot-skills

Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers on tasks involving transitions, easing, gestures, toasts, drawers, or motion.

Frontend & Design2.8K installs

nuqs

pproenca/dot-skills

nuqs (type-safe URL query state) best practices for Next.js and other React frameworks. This skill should be used when writing, reviewing, or refactoring code that uses nuqs for URL state management. Triggers on tasks involving useQueryState, useQueryStates, search params, URL state, query parameters, nuqs parsers, limitUrlUpdates, Standard Schema, NuqsAdapter, or Next.js routing with state.

Frontend & Design2.3K installs

clean-architecture

pproenca/dot-skills

Clean Architecture principles and best practices from Robert C. Martin's book. This skill should be used when designing software systems, reviewing code structure, or refactoring applications to achieve better separation of concerns. Triggers on tasks involving layers, boundaries, dependency direction, entities, use cases, or system architecture.

Popular code quality & workflow skills

View category →

grill-me

mattpocock/skills

A relentless interview to sharpen a plan or design.

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.

handoff

mattpocock/skills

Compact the current conversation into a handoff document for another agent to pick up.

domain-modeling

mattpocock/skills

Build and sharpen a project's domain model. Use when discussing codebase terminology, writing or editing a GLOSSARY.md, or recording or editing an ADR.

codebase-design

mattpocock/skills

Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.

diagnosing-bugs

mattpocock/skills

Diagnosis loop for hard bugs and performance regressions. Use when the user says "diagnose"/"debug this", or reports something broken/throwing/failing/slow.