skills.rest
jpudysz
jpudyszCOMMUNITY
Explore all skills by this author →
Website𝕏@jpudyszGitHub

migrate-nativewind-to-uniwind

Migrate NativeWind React Native projects to Uniwind-compatible configurations.

Updated Feb 26, 2026
Search Tags:#migration#tailwind#react-native#uniwind#nativewind#metro-config#babel-config
One-click install
npx skills add https://github.com/jpudysz/sdk55-to-uniwind --skill migrate-nativewind-to-uniwind-jpudysz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: migrate-nativewind-to-uniwind
Source: https://github.com/jpudysz/sdk55-to-uniwind/tree/main/.agents/skills/migrate-nativewind-to-uniwind
Command: npx skills add https://github.com/jpudysz/sdk55-to-uniwind --skill migrate-nativewind-to-uniwind-jpudysz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Migrate existing NativeWind-based React Native projects to Uniwind, consolidating tooling, removing deprecated dependencies, and aligning with Tailwind 4.

Core Features & Use Cases

  • Automated migration steps: transition configurations, remove NativeWind-specific packages, migrate metro/babel/configs, and update CSS-based theming to Uniwind-friendly approaches.
  • Theme and CSS migration: convert JS theme variables to CSS variables and register extra themes in metro.config.js.
  • Safety checks and guidance: validates project state, lists manual steps, and provides roll-back tips for failed migrations.

Quick Start

Run the migration steps on your project to automatically convert NativeWind configurations to Uniwind and apply the required updates.

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 involves removing deprecated packages, editing metro.config.js and babel.config.js, migrating global.css, and removing tailwind.config to align with Tailwind 4.

What is the process for upgrading Tailwind 4 in a React Native project?▼

Upgrading to Tailwind 4 in React Native involves migrating NativeWind configurations to Uniwind, which includes removing cssInterop dependencies and updating global.css and metro configurations.

How do I migrate JS theme variables to CSS variables for Uniwind?▼

To migrate JS theme variables to CSS variables for Uniwind, convert your existing theme setups and register any extra themes directly in metro.config.js.

Can I automate metro.config.js and babel.config.js edits when removing NativeWind?▼

Yes, automating metro.config.js and babel.config.js edits is part of the Uniwind migration, which applies configuration updates and removes NativeWind-specific packages from your project.

What should I do if my NativeWind to Uniwind migration fails?▼

If your NativeWind to Uniwind migration fails, use provided roll-back tips, validate your project state, and review listed manual steps to safely recover your React Native environment.

Do I need to remove cssInterop dependencies to use Uniwind?▼

Yes, you need to remove cssInterop dependencies to use Uniwind, as the migration consolidates tooling and removes deprecated NativeWind-specific packages from your configuration.

Related Skills

Explore More Software Engineering Skills→
NathanColosimoNathanColosimo

migrate-nativewind-to-uniwind

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

Community
Intermediate
MarJose123MarJose123

migrate-nativewind-to-uniwind

Automate NativeWind to Uniwind migration in React Native projects.

Community
Advanced
AlanCasalAlanCasal

uniwind

Configure Uniwind for React Native with Tailwind 4 CSS-first syntax.

Community
Advanced
bedirhangullbedirhangull

migrate-nativewind-to-uniwind

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

Community
Advanced