Migrate Nativewind To Uniwind

This handles the full NativeWind to Uniwind migration, which is messier than it looks. It removes the old packages (including react-native-css-interop, which people constantly miss), converts your Tailwind 3 config to Tailwind 4's CSS-based theme system, replaces all cssInterop calls with withUniwind wrappers, and updates your Metro and Babel configs. The skill is thorough about the breaking changes, like ensuring your metro config uses relative paths for cssEntryFile and setting rem polyfills to 14 to match NativeWind's defaults. Most helpful if you're dealing with a codebase that has custom theme extensions or lots of third-party components wrapped with cssInterop, since that's where migrations usually break.

skills.sh installs: 2K
GitHub stars: 1.7K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add uni-stack/uniwind --skill migrate-nativewind-to-uniwind --agent claude-code

Installs into .claude/skills of the current project.

Files

Migrate NativeWind to Uniwind

Uniwind replaces NativeWind with better performance and stability. It requires Tailwind CSS 4 and uses CSS-based theming instead of JS config.

Pre-Migration Checklist

Before starting, read the project's existing config files to understand the current setup:

package.json (NativeWind version, dependencies)
tailwind.config.js / tailwind.config.ts
metro.config.js
babel.config.js
global.css or equivalent CSS entry file
nativewind-env.d.ts or nativewind.d.ts
Any file using cssInterop or remapProps from nativewind
Any file importing from react-native-css-interop
Any ThemeProvider from NativeWind (vars() usage)

Step 1: Remove NativeWind and Related Packages

Uninstall ALL of these packages (if present):

npm uninstall nativewind react-native-css-interop
# or
yarn remove nativewind react-native-css-interop
# or
bun remove nativewind react-native-css-interop

SKILL.md on GitHub