Communitygithub.com

uni-stack/uniwind

Uniwind — styles Tailwind CSS v4 pour React Native. À utiliser lors de l'ajout, de la création ou du débogage de composants dans un projet React Native utilisant des noms de classe Uniwind.

Qu'est-ce que uniwind ?

Uniwind est une bibliothèque de styles qui intègre Tailwind CSS v4 dans React Native, permettant aux développeurs d'utiliser des noms de classe familiers pour styliser leurs composants. Ce skill couvre en détail la configuration initiale, la configuration Metro, le fichier global.css, le thème, les propriétés className, les propriétés de couleur accent-*, ainsi que les variantes plateforme, données, état et responsive. Il explique également l'utilisation des variables CSS, des utilitaires personnalisés, du HOC withUniwind pour les composants tiers, des fonctions cn/tailwind-merge et tailwind-variants, des utilitaires de zone sécurisée, de LayoutDirection, des dégradés, des polices, de React Navigation, des kits UI, des diagnostics, du dépannage et des fonctionnalités Pro d'Uniwind. Ce skill est conçu pour les projets React Native utilisant des noms de classe Uniwind et ne couvre pas la migration depuis NativeWind. Il est utile pour tout développeur travaillant avec Uniwind dans un environnement React Native, que ce soit pour la création de nouveaux composants, le débogage de styles ou l'optimisation de l'expérience utilisateur.

Compatible avec~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/uni-stack/uniwind/tree/main/skills/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 uniwind ?

Uniwind — styles Tailwind CSS v4 pour React Native. À utiliser lors de l'ajout, de la création ou du débogage de composants dans un projet React Native utilisant des noms de classe Uniwind. Couvre la configuration initiale, la configuration Metro, global.css, le thème, les propriétés className, les propriétés de couleur accent-*, les variantes plateforme/données/état/responsive, les variables CSS, les utilitaires personnalisés, withUniwind pour les composants tiers, cn/tailwind-merge, tailwind-variants, les utilitaires de zone sécurisée, LayoutDirection, les dégradés, les polices, React Navigation, les kits UI, les diagnostics, le dépannage et les fonctionnalités Uniwind Pro. Ne couvre pas la migration depuis NativeWind.

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.

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