Agent skill

theme-to-component-migration

Systematic migration from hardcoded styles to theme tokens and UI components. Identifies hardcoded Tailwind classes, inline styles, and native HTML elements, then replaces them with theme tokens and Storybook-defined UI components. Ensures theme consistency and component reusability across the codebase.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/theme-to-component-migration

Didn't find tool you were looking for?

Be as detailed as possible for better results