Communitygithub.com

uni-stack/uniwind

Uniwind – Tailwind CSS v4-Stile für React Native. Verwenden Sie es beim Hinzufügen, Erstellen oder Debuggen von Komponenten in einem React Native-Projekt, das Uniwind-Klassennamen verwendet.

Was ist uniwind?

Uniwind ist ein Tool, das Tailwind CSS v4-Styling in React Native-Projekte bringt. Es ermöglicht Entwicklern, vertraute Tailwind-Klassennamen (wie `bg-blue-500`, `text-lg`, `p-4`) direkt auf React Native-Komponenten anzuwenden, ohne auf NativeWind angewiesen zu sein. Die Skill-Anleitung deckt die vollständige Einrichtung ab, einschließlich der Metro-Konfiguration, der globalen CSS-Datei, der Akzentfarb-Props (`accent-*`), sowie Varianten für Plattform, Daten, Zustand und responsives Design. Zusätzlich werden erweiterte Themen wie CSS-Variablen, benutzerdefinierte Utilities, die `withUniwind`-HOC für Drittanbieter-Komponenten, `cn`/`tailwind-merge`, `tailwind-variants`, Safe-Area-Utilities, LayoutDirection, Verläufe, Schriftarten, React Navigation, UI-Kits und Pro-Features behandelt. Die Diagnose- und Fehlerbehebungsanleitungen helfen bei typischen Problemen, während die Migration von NativeWind explizit nicht abgedeckt wird.

Funktioniert mit~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/uni-stack/uniwind/tree/main/skills/uniwind
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht uniwind?

Uniwind – Tailwind CSS v4-Stile für React Native. Verwenden Sie es beim Hinzufügen, Erstellen oder Debuggen von Komponenten in einem React Native-Projekt, das Uniwind-Klassennamen verwendet. Deckt die Einrichtung, Metro-Konfiguration, global.css, Theming, className-Props, accent-*-Farb-Props, Plattform-/Daten-/Zustands-/responsive Varianten, CSS-Variablen, benutzerdefinierte Utilities, withUniwind für Drittanbieter-Komponenten, cn/tailwind-merge, tailwind-variants, Safe-Area-Utilities, LayoutDirection, Verläufe, Schriftarten, React Navigation, UI-Kits, Diagnose, Fehlerbehebung und Uniwind Pro-Funktionen ab. Deckt nicht die NativeWind-Migration ab.

Individual skills in this repo

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

uni-stack/migrate-nativewind-to-uniwind

Migrate a React Native project from NativeWind to Uniwind. Use when the user wants to replace NativeWind with Uniwind, upgrade from NativeWind, switch to Uniwind, or mentions NativeWind-to-Uniwind migration. Handles package removal, config migration, Tailwind 4 upgrade, cssInterop removal, theme conversion, and all breaking changes.

Verwandte Skills

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