En los propios términos del Skill
Esta skill genera imágenes premium de pantallas de apps móviles para productos iOS, Android y multiplataforma, cubriendo flujos de onboarding, dashboards, pantallas de perfil, flujos de autenticación, ecommerce, fintech, salud, productividad y apps sociales. Prioriza una jerarquía limpia, texto legible, fuerte consistencia entre múltiples pantallas, paletas de color controladas, dirección creativa no genérica, superficies con textura, composición guiada por imagen e iconografía personalizada.
Las pantallas aparecen dentro de mockups premium sutiles de iPhone o teléfonos similares con marcos visibles por defecto. La skill genera únicamente imágenes, sin código, sin implementación, sin conversión de imagen a código. Utiliza valores de configuración como DESIGN_VARIANCE: 8, ART_DIRECTION: 9, TEXT_READABILITY_PRIORITY: 10 y CONSISTENCY_STRENGTH: 10 para contrarrestar activamente los patrones genéricos de salida móvil de IA, incluidos falsos dashboards fintech, texto ilegible diminuto, paletas moradas-azules genéricas y conjuntos de pantallas inconsistentes.
Qué produce
- Una o varias imágenes de pantallas móviles dentro de mockups de teléfono limpios con bordes de dispositivo visibles, donde el foco principal permanece en el propio contenido de la app
- Opcionalmente, vistas de detalle adicionales o imágenes de pantalla independientes nuevas cuando un detalle no está claro, generadas específicamente en lugar de recortadas de imágenes más grandes
Cómo funciona
- 01Seleccione Primero el Modo de Plataforma
Elija iOS nativo premium, Android nativo premium o multiplataforma premium neutro para establecer los patrones de navegación, el manejo del área segura y el comportamiento del chrome antes de generar cualquier pantalla.
- 02Fije la Biblia de Diseño Interna
Al generar varias imágenes para la misma app, establezca y mantenga un modo de plataforma, estilo de marco de dispositivo, lógica de paleta, ánimo tipográfico, sistema de espaciado, radio de esquina, estilo de iconos y modelo de navegación consistentes en todas las pantallas.
- 03Elija el Sistema de Dirección Visual
Seleccione un paradigma temático, un carácter tipográfico, un sesgo estructural, un sesgo de dirección de arte para imágenes, un tratamiento de textura, una lógica de paleta, exactamente 4 componentes distintivos, exactamente 2 recursos decorativos y exactamente 2 lenguajes de movimiento implícitos para evitar un resultado repetitivo.
- 04Generar Renders de Detalle Nuevos Cuando Sea Necesario
Cuando una pantalla o un detalle necesite una vista dedicada, genere una imagen de pantalla nueva e independiente en lugar de recortarla de una imagen más grande generada previamente, para preservar el espaciado, las proporciones y la tipografía.
- 05Ejecutar Verificación de Calidad
Antes de finalizar, verifique 27 puntos, incluido si se siente como una app móvil real y no como un sitio web, si se respetan las áreas seguras, si la primera pantalla está limpia, si el texto es legible, si se generaron suficientes pantallas, si el flujo es coherente y si el encuadre del mockup es limpio.