styling-nativewind-v4-expo
✓Richtet NativeWind v4 (Tailwind CSS v3) in Expo React Native-Apps, einschließlich Expo Router, ein und verwendet es. Konfiguriert tailwind.config.js, global.css, babel.config.js (jsxImportSource + nativewind/babel), metro.config.js (withNativeWind + input) und app.json (Web-Bundler-Metro). Behebt „className not apply“, Tailwind CLI-Kompilierung und Metro-Cache-Probleme. Implementiert wiederverwendbare Komponenten/Varianten, Dark Mode + Theming über CSS-Variablen (vars/useColorScheme) und Komponentenstil von Drittanbietern (remapProps/cssInterop). Wird verwendet, wenn Sie an Expo-Projekten mit NativeWind v4, ClassName-Dienstprogrammen im Tailwind-Stil arbeiten oder wenn Sie die NativeWind-Konfiguration debuggen.
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.
Richtet NativeWind v4 (Tailwind CSS v3) in Expo React Native-Apps, einschließlich Expo Router, ein und verwendet es. Konfiguriert tailwind.config.js, global.css, babel.config.js (jsxImportSource + nativewind/babel), metro.config.js (withNativeWind + input) und app.json (Web-Bundler-Metro). Behebt „className not apply“, Tailwind CLI-Kompilierung und Metro-Cache-Probleme. Implementiert wiederverwendbare Komponenten/Varianten, Dark Mode + Theming über CSS-Variablen (vars/useColorScheme) und Komponentenstil von Drittanbietern (remapProps/cssInterop). Wird verwendet, wenn Sie an Expo-Projekten mit NativeWind v4, ClassName-Dienstprogrammen im Tailwind-Stil arbeiten oder wenn Sie die NativeWind-Konfiguration debuggen. Quelle: tristanmanchester/agent-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/tristanmanchester/agent-skills --skill styling-nativewind-v4-expo- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-11
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist styling-nativewind-v4-expo?
Richtet NativeWind v4 (Tailwind CSS v3) in Expo React Native-Apps, einschließlich Expo Router, ein und verwendet es. Konfiguriert tailwind.config.js, global.css, babel.config.js (jsxImportSource + nativewind/babel), metro.config.js (withNativeWind + input) und app.json (Web-Bundler-Metro). Behebt „className not apply“, Tailwind CLI-Kompilierung und Metro-Cache-Probleme. Implementiert wiederverwendbare Komponenten/Varianten, Dark Mode + Theming über CSS-Variablen (vars/useColorScheme) und Komponentenstil von Drittanbietern (remapProps/cssInterop). Wird verwendet, wenn Sie an Expo-Projekten mit NativeWind v4, ClassName-Dienstprogrammen im Tailwind-Stil arbeiten oder wenn Sie die NativeWind-Konfiguration debuggen. Quelle: tristanmanchester/agent-skills.
Wie installiere ich styling-nativewind-v4-expo?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/tristanmanchester/agent-skills --skill styling-nativewind-v4-expo Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/tristanmanchester/agent-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-11