styling-nativewind-v4-expo
✓Configure et utilise NativeWind v4 (Tailwind CSS v3) dans les applications Expo React Native, y compris Expo Router. Configure tailwind.config.js, global.css, babel.config.js (jsxImportSource + nativewind/babel), metro.config.js (withNativeWind + input) et app.json (web bundler metro). Résout les problèmes de « className not apply », de compilation Tailwind CLI et de cache Metro. Implémente des composants/variantes réutilisables, le mode sombre + la thématique via des variables CSS (vars/useColorScheme) et le style de composants tiers (remapProps/cssInterop). À utiliser lorsque vous travaillez sur des projets Expo à l'aide de NativeWind v4, des utilitaires className de style Tailwind ou lors du débogage de la configuration NativeWind.
Installation
SKILL.md
Accept className, merge defaults, and optionally use a class-variance helper.
Use remapProps (multiple style props) or cssInterop (map a class prop to a style prop).
On Expo Router, do not add your own SafeAreaProvider (Router already does). Use p-safe, pt-safe, etc.
Configure et utilise NativeWind v4 (Tailwind CSS v3) dans les applications Expo React Native, y compris Expo Router. Configure tailwind.config.js, global.css, babel.config.js (jsxImportSource + nativewind/babel), metro.config.js (withNativeWind + input) et app.json (web bundler metro). Résout les problèmes de « className not apply », de compilation Tailwind CLI et de cache Metro. Implémente des composants/variantes réutilisables, le mode sombre + la thématique via des variables CSS (vars/useColorScheme) et le style de composants tiers (remapProps/cssInterop). À utiliser lorsque vous travaillez sur des projets Expo à l'aide de NativeWind v4, des utilitaires className de style Tailwind ou lors du débogage de la configuration NativeWind. Source : tristanmanchester/agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/tristanmanchester/agent-skills --skill styling-nativewind-v4-expo- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-11
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que styling-nativewind-v4-expo ?
Configure et utilise NativeWind v4 (Tailwind CSS v3) dans les applications Expo React Native, y compris Expo Router. Configure tailwind.config.js, global.css, babel.config.js (jsxImportSource + nativewind/babel), metro.config.js (withNativeWind + input) et app.json (web bundler metro). Résout les problèmes de « className not apply », de compilation Tailwind CLI et de cache Metro. Implémente des composants/variantes réutilisables, le mode sombre + la thématique via des variables CSS (vars/useColorScheme) et le style de composants tiers (remapProps/cssInterop). À utiliser lorsque vous travaillez sur des projets Expo à l'aide de NativeWind v4, des utilitaires className de style Tailwind ou lors du débogage de la configuration NativeWind. Source : tristanmanchester/agent-skills.
Comment installer styling-nativewind-v4-expo ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/tristanmanchester/agent-skills --skill styling-nativewind-v4-expo Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/tristanmanchester/agent-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-11