codemod-generator

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'.