Communitygithub.com

uni-stack/uniwind

Uniwind — estilo Tailwind CSS v4 para React Native. Úsalo al añadir, construir o depurar componentes en un proyecto React Native que utilice classNames de Uniwind.

¿Qué es uniwind?

Este skill proporciona orientación completa para trabajar con Uniwind, una biblioteca que integra el estilo de Tailwind CSS v4 en proyectos React Native. Cubre desde la configuración inicial, como la instalación y ajustes de Metro, hasta aspectos avanzados como el uso de variables CSS, utilidades personalizadas y la función `cn` de tailwind-merge. Es especialmente útil para desarrolladores que quieran aplicar estilos responsivos, variantes por plataforma, estado o datos, y gradientes en componentes React Native de manera declarativa. Además, incluye guías para integrar Uniwind con bibliotecas de terceros, temas, fuentes personalizadas y React Navigation, así como diagnósticos y solución de problemas comunes. No abarca la migración desde NativeWind.

Compatible con~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/uni-stack/uniwind/tree/main/skills/uniwind
Ver original→Ver todas las habilidades

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentación

¿Qué hace uniwind?

Uniwind — estilo Tailwind CSS v4 para React Native. Úsalo al añadir, construir o depurar componentes en un proyecto React Native que utilice classNames de Uniwind. Cubre configuración, configuración de Metro, global.css, tematización, props className, props de color accent-*, variantes de plataforma/datos/estado/responsivas, variables CSS, utilidades personalizadas, withUniwind para componentes de terceros, cn/tailwind-merge, tailwind-variants, utilidades de área segura, LayoutDirection, gradientes, fuentes, React Navigation, kits de UI, diagnósticos, solución de problemas y características de Uniwind Pro. No cubre la migración desde 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 relacionados

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