codemod-generator

Generate jscodeshift or ts-morph scripts for design system migrations.

155|7|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/murphytrueman/design-system-ops --skill codemod-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: codemod-generator
Source: https://github.com/murphytrueman/design-system-ops/tree/main/skills/codemod-generator
Command: npx skills add https://github.com/murphytrueman/design-system-ops --skill codemod-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires postcss, glob, child_process, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the tedious and error-prone process of applying design system changes across multiple codebases, ensuring consistency and reducing migration debt.

Core Features & Use Cases

  • Generate Codemods: Creates automated scripts (jscodeshift, ts-morph) for token renames, prop changes, import updates, and component replacements.
  • Test Generation: Produces comprehensive test cases for each codemod to ensure safety and accuracy.
  • Migration Runner: Orchestrates the execution of multiple codemods in the correct order for version upgrades.
  • Use Case: When a design system renames a core token like color.brand.primary to color.action.primary, this skill generates a jscodeshift script that safely updates all instances across your projects.

Quick Start

Use the codemod generator skill to create a codemod for renaming the 'Button' component's 'type' prop to 'variant'.

Frequently Asked Questions about codemod-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate design system migrations across multiple codebases?

Generate jscodeshift or ts-morph scripts to automate design system migrations across multiple codebases. These codemods handle token renames, component API changes, and import path updates to ensure consistent, safe application without manual refactoring.

What is a codemod and when do I need it for refactoring?

A codemod is an automated code transformation script used for large-scale refactoring. You need codemods when applying design system changes like token renames or prop deprecations across multiple projects to ensure consistency and reduce migration debt.

How do I generate test cases for jscodeshift transformations?

Generate test cases for jscodeshift transformations by using an automated codemod generator. It produces comprehensive test suites alongside executable scripts to ensure token renames and component API changes are accurate and safe before execution.

Does this approach work for updating import paths and deprecated component props?

Yes, this approach works for updating import paths and deprecated component props. The codemod generator creates targeted jscodeshift or ts-morph scripts specifically designed to handle component API changes, prop deprecations, and import path updates safely.

What's the best way to orchestrate multiple codemods for a version upgrade?

Orchestrate multiple codemods for a version upgrade by using a migration runner. This tool sequences the execution of various transformation scripts in the correct order, ensuring systematic application of token renames and API changes across consuming codebases.