Tailwind v4 MigratorVerified Creator

• references/
• SKILL.mdopen
• README.mdopen

name:

Tailwind v4 Migrator

slug:

tailwind-v4-oxide-css

version:

v1.3.0

license:

MIT

author:

@oxide-craft

categories:

Frontend

tags:

#tailwind-v4#oxide#css-first#shadcn#vite

description:

Migrate v3 to Tailwind v4 Oxide, author CSS-first @theme tokens, wire the Vite/PostCSS plugin, ship shadcn variants.

// What you can do with it

• Runs npx @tailwindcss/upgrade (the codemod that rewrites utility class renames like shadow-sm → shadow-xs and outline-none → outline-hidden).
• Replaces the three @tailwind base; @tailwind components; @tailwind utilities; directives with a single @import "tailwindcss";.
• Translates theme.extend values into a CSS-first @theme { --color-, --font-, --spacing-* } block so tokens become real custom properties.
• Wires the build: @tailwindcss/vite in vite.config.ts, or @tailwindcss/postcss in postcss.config.mjs for Next.js/Webpack. Removes the old tailwindcss + autoprefixer PostCSS entries (v4 handles prefixin
• Ports custom utilities to @utility, plugins to @plugin, and converts dark mode to @custom-variant dark (&:where(.dark, .dark *));.