¿Qué es nativewind?
Utilice Tailwind CSS para diseñar componentes React Native en web y nativos Fuente: hairyf/skills.
Utilice Tailwind CSS para diseñar componentes React Native en web y nativos
Instala rápidamente el skill de IA nativewind en tu entorno de desarrollo mediante línea de comandos
Fuente: hairyf/skills.
Skill is based on NativeWind v5 (Tailwind CSS v4), generated at 2026-02-26.
NativeWind compiles Tailwind CSS for React Native: className on components, StyleSheet.create on native and reuse of the Tailwind stylesheet on web. It supports media/container queries, pseudo-classes (hover, focus, active), platform variants (ios:, android:, native:, web:), dark mode, and custom theme/utilities via CSS-first config.
| Setup | CSS file, Metro withNativewind, PostCSS, app entry, optional lightningcss pin | core-setup | | Configuration | CSS-first config, @theme, @source, nativewind/theme, custom utilities/variants | core-config | | v5 Tailwind foundation | Built on Tailwind v4, CSS-first, web vs native support | core-v5-tailwind-foundation |
Utilice Tailwind CSS para diseñar componentes React Native en web y nativos Fuente: hairyf/skills.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/hairyf/skills --skill nativewindUtilice Tailwind CSS para diseñar componentes React Native en web y nativos Fuente: hairyf/skills.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/hairyf/skills --skill nativewind Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/hairyf/skills