skills.rest
emran-niftyitsolution
emran-niftyitsolutionCOMMUNITY
Explore all skills by this author →
GitHub

migrate-nativewind-to-uniwind

Migrate React Native projects from NativeWind to Uniwind with config and theme updates.

Updated Mar 17, 2026
Search Tags:#migration#react-native#uniwind#nativewind#metro-config#tailwind4
One-click install
npx skills add https://github.com/emran-niftyitsolution/moneyman --skill migrate-nativewind-to-uniwind-emran-niftyitsolution
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: migrate-nativewind-to-uniwind
Source: https://github.com/emran-niftyitsolution/moneyman/tree/main/.agents/skills/migrate-nativewind-to-uniwind
Command: npx skills add https://github.com/emran-niftyitsolution/moneyman --skill migrate-nativewind-to-uniwind-emran-niftyitsolution

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Migrating a React Native project from NativeWind to Uniwind to gain better performance, simpler theming, and Tailwind 4 compatibility, while preserving existing app behavior.

Core Features & Use Cases

  • Automates removal of NativeWind and related packages (e.g., react-native-css-interop).
  • Migrates Babel and Metro configurations and updates CSS entry files to align with Uniwind.
  • Converts theme values from JS-based configurations to CSS-based theming and supports extra themes without changing base behavior.

Quick Start

Provide a migration plan to replace NativeWind with Uniwind in a React Native project and update all configs accordingly.

Frequently Asked Questions about migrate-nativewind-to-uniwind

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate a React Native project from NativeWind to Uniwind?▼

Migrating from NativeWind to Uniwind requires removing packages like react-native-css-interop, updating babel.config.js and metro.config.js, and deleting tailwind.config.js to align with Tailwind 4.

Can I preserve my existing CSS vars() themes when moving to Uniwind?▼

Yes, migrating to Uniwind preserves your existing app behavior by converting JS-based theme configurations to CSS-based theming. It also supports extra themes without changing the base runtime behavior of your application.

Does Uniwind support Tailwind 4 in Expo and bare React Native setups?▼

Yes, Uniwind brings Tailwind 4 compatibility to typical Expo or bare React Native setups. The migration process updates your CSS entry files and configurations to fully support the Tailwind 4 engine.

What configuration files need to be updated when replacing NativeWind?▼

Replacing NativeWind requires updating babel.config.js and metro.config.js. You must also remove tailwind.config.js and update your CSS entry files to align the project with Uniwind.

Why remove react-native-css-interop when upgrading to Tailwind 4?▼

Removing react-native-css-interop and related NativeWind packages is necessary to prevent conflicts during the Tailwind 4 upgrade. Uniwind replaces these dependencies to provide better performance and simpler theming.

What is the best way to handle extraThemes during a Uniwind migration?▼

The best way to handle extraThemes is to migrate them from JS-based configurations to CSS-based theming. Uniwind supports these extra themes natively in CSS without changing your app's base runtime behavior.

Related Skills

Explore More Software Engineering Skills→
kirklinkirklin
7

migrate-nativewind-to-uniwind

Migrate React Native projects from NativeWind to Uniwind with Tailwind v4 and CSS theming.

Community
Advanced
MarJose123MarJose123

migrate-nativewind-to-uniwind

Automate NativeWind to Uniwind migration in React Native projects.

Community
Advanced
uni-stackuni-stack
1.7k

migrate-nativewind-to-uniwind

Migrate NativeWind React Native projects to Uniwind with Tailwind 4.

Official
Advanced
involvexinvolvex

migrate-nativewind-to-uniwind

Migrate React Native projects from NativeWind to Uniwind with Tailwind 4 theming.

Community
Advanced