skills.rest
marcreniel
marcrenielCOMMUNITY
Explore all skills by this author →
Website𝕏@marcrenielbGitHub

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
One-click install
npx skills add https://github.com/marcreniel/Globepin --skill migrate-nativewind-to-uniwind-marcreniel
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
involvexinvolvex

migrate-nativewind-to-uniwind

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

Community
Advanced
theodrosyimertheodrosyimer

rn-patterns

Generate React Native UI screens using Uniwind and Expo components.

Community
Advanced
msichtermanmsichterman

expo-tailwind-setup

Integrates Tailwind CSS v4 with Expo using NativeWind v5 and react-native-css via Metro and PostCSS configuration.

Community
Intermediate
kirklinkirklin
7

migrate-nativewind-to-uniwind

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

Community
Advanced