
chakra-ui-migrate
Migrate Chakra UI projects from v2 to v3, covering package changes, codemods
by chakra-uiFree
Description
chakra-ui-migrate is an agent skill from the Chakra UI project for migrating a React project from Chakra UI v2 to v3. Chakra UI v3 changed packages, provider setup, color mode handling, prop names and theming, and it introduced compound components and a new recipe system, so an upgrade is a guided process rather than a version bump. The skill works through the steps in order. It starts by inspecting the project, reading package.json and the other configuration files to learn the current state, and it does not guess package versions or the framework. It notes that Chakra UI v3 requires Node 20 or later and asks for confirmation when the environment is uncertain. It then covers the changes in turn: package changes, codemods that rewrite code automatically for known renames, provider setup, color mode, prop renaming, the move to compound components, theming, and the recipes that replace older styling. The skill is most useful for teams with a sizeable v2 codebase who want the upgrade done in a controlled order with each step checked. Migrations should be done on a branch and checked with the project's tests and by looking at the main screens, since automated codemods cannot catch every change in behavior. The skill is installed with the skills CLI from the chakra-ui/chakra-ui repository. Its skills.sh page showed about 1.7K installs and passing results from three security audits at the time of the scan.…
Highlights
- Step-by-step v2 to v3 migration
- Package and provider setup changes
- Codemods for prop renaming
- Color mode, theming and recipes
- Inspects the project before changing it
- Installs with the skills CLI
Ratings & Reviews
No ratings yet
Be the first to rate chakra-ui-migrate.
People also visit

migrate-radix-to-base
Migrates React projects and components from Radix UI to Base UI
chakra-ui-migrate FAQ
What does this skill migrate?
A React project from Chakra UI v2 to v3, covering packages, codemods, provider setup, color mode, props, compound components, theming and recipes.
What Node version is needed?
Chakra UI v3 requires Node 20 or later. The skill asks for confirmation if the environment is unclear.
Does it guess versions?
No. It inspects the project's files first and does not guess package versions or the framework.
Can codemods do the whole job?
No. The skill covers codemods for known renames, but behavior changes still need checking with tests and the main screens.
How do I install it?
Run npx skills add https://github.com/chakra-ui/chakra-ui --skill chakra-ui-migrate.
What security audits does it have?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Pass and Snyk Pass.
What are the best chakra-ui-migrate alternatives?
Popular alternatives to chakra-ui-migrate include react-modernization, chakra-ui-builder and chakra-ui-refactor. See all chakra-ui-migrate alternatives








