·gluestack-nativewind
*

gluestack-nativewind

infinite-loop-factory/app-factory

Esta habilidad aplica los patrones de diseño de Gluestack UI v3 y NativeWind v4 para lograr un estilo consistente, eficaz y fácil de mantener. Debe usarse al crear o revisar componentes, solucionar problemas de estilo o refactorizar estilos para seguir el sistema de diseño restringido.

12Instalaciones·1Tendencia·@infinite-loop-factory

Instalación

$npx skills add https://github.com/infinite-loop-factory/app-factory --skill gluestack-nativewind

SKILL.md

This skill enforces constrained, opinionated styling patterns that reduce decision fatigue, improve performance, enable consistent theming, and limit the solution space to canonical patterns.

Always use Gluestack components instead of direct React Native imports:

| View from "react-native" | Box from "@/components/ui/box" | | Text from "react-native" | Text from "@/components/ui/text" | | TouchableOpacity from "react-native" | Pressable from "@/components/ui/pressable" | | ScrollView from "react-native" | ScrollView from "@/components/ui/scroll-view" |

Esta habilidad aplica los patrones de diseño de Gluestack UI v3 y NativeWind v4 para lograr un estilo consistente, eficaz y fácil de mantener. Debe usarse al crear o revisar componentes, solucionar problemas de estilo o refactorizar estilos para seguir el sistema de diseño restringido. Fuente: infinite-loop-factory/app-factory.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/infinite-loop-factory/app-factory --skill gluestack-nativewind
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es gluestack-nativewind?

Esta habilidad aplica los patrones de diseño de Gluestack UI v3 y NativeWind v4 para lograr un estilo consistente, eficaz y fácil de mantener. Debe usarse al crear o revisar componentes, solucionar problemas de estilo o refactorizar estilos para seguir el sistema de diseño restringido. Fuente: infinite-loop-factory/app-factory.

¿Cómo instalo gluestack-nativewind?

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/infinite-loop-factory/app-factory --skill gluestack-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 o Cursor

¿Dónde está el repositorio de origen?

https://github.com/infinite-loop-factory/app-factory

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-01