New Skill: Migrate NativeWind to UniWind

We’ve added a new development skill to the directory: Migrate NativeWind to UniWind from the uni-stack team (the creators of Unistyles).

What is UniWind?

UniWind is the fastest Tailwind CSS binding for React Native. Unlike runtime-based solutions, UniWind computes styles at build time for maximum performance. Key features include:

• Build-time style computation - No runtime overhead for parsing Tailwind classes
• Dark mode and theming - Fully customizable themes with dark mode support
• Pseudo-class support - focus, active, disabled, and other interactive states
• Responsive design - Media query support for responsive layouts
• CSS custom properties - Direct use of CSS variables in React Native
• Full component coverage - Out-of-the-box bindings for React Native components

Why Migrate?

If you’re currently using NativeWind, UniWind offers significant performance improvements by moving style resolution from runtime to build time. This means faster app startup, smoother interactions, and smaller bundle sizes.

What the Skill Does

The migrate-nativewind-to-uniwind skill automates the migration process, handling:

• Dependency swaps - Removes NativeWind packages and installs UniWind
• Config migration - Updates your Tailwind and bundler configuration
• Component rewrites - Converts NativeWind-specific patterns to UniWind equivalents
• Class name adjustments - Handles any API differences between the two libraries

Get Started

Install the skill with:

npx skills add https://github.com/uni-stack/uniwind --skill migrate-nativewind-to-uniwind

Then invoke it in Claude Code to start your migration. The skill will guide you through each step, ensuring a smooth transition from NativeWind to UniWind.

Browse the Migrate NativeWind to UniWind skill in the directory for more details.