Antd Style To Tailwind
- 33 installs
- 5k repo stars
- Updated August 4, 2026
- dtyq/magic
Automates migrating antd-style CSS-in-JS (createStyles) React components to Tailwind utility classes with dark-mode support.
About
antd-style-to-tailwind is a Claude Code skill that migrates existing antd-style CSS-in-JS (createStyles) React components to Tailwind CSS utility classes while preserving full dark-mode support and the project's style-system conventions. A solo builder reaches for it when converting a legacy antd-style codebase to Tailwind or writing new components in files that already use antd-style.
- antd-style → Tailwind migration
- Preserves dark-mode support
- Follows project style-system strategy
Antd Style To Tailwind by the numbers
- 33 all-time installs (skills.sh)
- Ranked #1,433 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/dtyq/magic --skill antd-style-to-tailwindAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 33 |
|---|---|
| repo stars | ★ 5k |
| Last updated | August 4, 2026 |
| Repository | dtyq/magic ↗ |
What it does
Automates migrating antd-style CSS-in-JS (createStyles) React components to Tailwind utility classes with dark-mode support.
Who is it for?
React teams moving off antd-style CSS-in-JS to Tailwind
Skip if: Non-React or non-Tailwind styling stacks
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4k