Communitygithub.com

uni-stack/migrer-nativewind-vers-uniwind

Migrer un projet React Native de NativeWind vers Uniwind. Utilisez cette compétence lorsque l'utilisateur souhaite remplacer NativeWind par Uniwind, effectuer une mise à niveau depuis NativeWind, passer à Uniwind, ou mentionner une migration de NativeWind vers Uniwind. Elle gère la suppression des packages, la migration de la configuration, la mise à niveau vers Tailwind 4, la suppression de cssInterop, la conversion de thème et tous les changements cassants.

Qu'est-ce que migrer-nativewind-vers-uniwind ?

Cette compétence automatise la migration d'un projet React Native de **NativeWind** vers **Uniwind**, une solution plus moderne et performante pour le style basé sur Tailwind CSS. Elle est conçue pour être utilisée avec des agents IA comme Claude Code, Cursor, ou Codex. Son objectif principal est de simplifier un processus de migration complexe qui implique plusieurs changements cassants : remplacement du package `nativewind` par `uniwind`, mise à niveau de la configuration `tailwind.config.js` ou `tailwind.config.ts` vers Tailwind 4, suppression des appels à `cssInterop` (devenu inutile avec Uniwind), conversion des thèmes personnalisés, et adaptation du code pour respecter la nouvelle API. En s'exécutant, le skill analyse la structure du projet, identifie les fichiers concernés (comme `app.json`, `babel.config.js`, `metro.config.js`, et les composants React), et applique les transformations nécessaires de manière fiable. Il garantit une migration cohérente et sans erreur, réduisant considérablement le travail manuel et les risques de régression.

Compatible avec~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/uni-stack/uniwind/tree/main/skills/migrate-nativewind-to-uniwind
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait migrer-nativewind-vers-uniwind ?

Migrer un projet React Native de NativeWind vers Uniwind. Utilisez cette compétence lorsque l'utilisateur souhaite remplacer NativeWind par Uniwind, effectuer une mise à niveau depuis NativeWind, passer à Uniwind, ou mentionner une migration de NativeWind vers Uniwind. Elle gère la suppression des packages, la migration de la configuration, la mise à niveau vers Tailwind 4, la suppression de cssInterop, la conversion de thème et tous les changements cassants.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

uni-stack/uniwind

Uniwind — Tailwind CSS v4 styling for React Native. Use when adding, building, or debugging components in a React Native project that uses Uniwind classNames. Covers setup, Metro config, global.css, theming, className props, accent-* color props, platform/data/state/responsive variants, CSS variables, custom utilities, withUniwind for third-party components, cn/tailwind-merge, tailwind-variants, safe area utilities, LayoutDirection, gradients, fonts, React Navigation, UI kits, diagnostics, troubleshooting, and Uniwind Pro features. Does not cover NativeWind migration.

Skills associés

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community