migrate-nativewind-to-uniwind

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

Updated Feb 26, 2026

Search Tags:#tooling #tailwind #migrate #uniwind #nativewind #config-migration

Ready to run

npx skills add https://github.com/marcreniel/Globepin --skill migrate-nativewind-to-uniwind-marcreniel

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: migrate-nativewind-to-uniwind
Source: https://github.com/marcreniel/Globepin/tree/main/.agents/skills/migrate-nativewind-to-uniwind
Command: npx skills add https://github.com/marcreniel/Globepin --skill migrate-nativewind-to-uniwind-marcreniel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Migrate a React Native project from NativeWind to Uniwind to adopt the newer theming and CSS-driven approach, reduce friction, and improve performance.

Core Features & Use Cases

Handles package removal and Uniwind installation.
Migrates Babel and Metro configurations to Uniwind-compatible setups.
Upgrades Tailwind-related tooling to Tailwind 4, migrates themes, and removes obsolete cssInterop usage.
Provides guidelines for CSS-based theming and avoiding common migration pitfalls.

Quick Start

Follow the steps in the guide from your project root to begin the migration.

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 NativeWind to Uniwind in a React Native project?▼

Migrating NativeWind to Uniwind requires uninstalling obsolete packages, installing Uniwind, updating Metro and Babel configurations, upgrading to Tailwind v4, migrating CSS themes, and removing cssInterop usage.

Does migrating to Uniwind require upgrading Tailwind to v4?▼

Yes, migrating to Uniwind requires upgrading your Tailwind tooling to v4. The migration process involves updating your CSS setup and migrating existing themes to align with Tailwind v4 standards.

What is the best way to remove cssInterop when switching to Uniwind?▼

Removing cssInterop when switching to Uniwind is handled by uninstalling obsolete NativeWind packages and updating your Metro and Babel configurations to use the new CSS-driven approach.

How do I migrate React Native themes to Uniwind CSS variables?▼

Migrating React Native themes to Uniwind involves transitioning to a CSS-based theming approach. You must update your CSS setup to define variables and avoid common migration pitfalls during the transition.

Can I use Uniwind with my existing Metro and Babel config?▼

You cannot use existing NativeWind Metro and Babel configs directly. Migrating to Uniwind requires you to update both configuration files to establish a Uniwind-compatible setup for your React Native project.

Why migrate from NativeWind to Uniwind?▼

Migrating from NativeWind to Uniwind allows React Native projects to adopt a newer theming approach, reduce development friction, and improve overall application performance.