antd-style-to-tailwind

Installation
SKILL.md
Contains Shell Commands

This skill contains shell command directives (!`command`) that may execute system commands. Review carefully before installing.

antd-style → Tailwind CSS Migration

When to apply

  • User asks to migrate / rewrite / convert a component's styles to Tailwind
  • A new feature is being built in a file that currently uses createStyles
  • User references styles.ts, createStyle, useXxxStyles, or cx()
  • Component contains antd Button — replace with shadcn Button during migration

Prerequisites

Always read these files before starting:

  • The target component (index.tsx or equivalent)
  • Its styles.ts
  • tailwind.config.js and src/index.css if token mapping is unclear

Migration Steps

Related skills
Installs
20
Repository
dtyq/magic
GitHub Stars
4.8K
First Seen
Mar 21, 2026