Frontend y UI
imagegen-frontend-mobile
Genera flujos de pantallas de apps móviles premium como imágenes, no como código.
Qué es
Una skill exclusiva de imágenes para conceptos y flujos de pantallas móviles en productos iOS, Android y multiplataforma. Presenta las pantallas dentro de mockups de teléfono limpios y nunca escribe código.
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, s
Por qué importa para el diseño
- Las pantallas respetan las áreas seguras y las regiones del sistema, en vez de parecer sitios web metidos en un teléfono.
- Una biblia de diseño fija mantiene coherentes la paleta, la tipografía y los iconos en todas las pantallas.
- Los conjuntos de varias pantallas forman un flujo creíble, no mockups sueltos sin relación entre sí.
Qué cubre
- Platform mode rule
- Generate enough screens rule
- App design bible rule
- Safe area and system region rule
- Device mockup frame rule
- Text size and readability rule
Cómo instalarlo
imagegen-frontend-mobile
-
Clona el repositorio.
git clone https://github.com/Leonxlnx/taste-skill -
Señálale a Codex el archivo de la skill.
skills/imagegen-frontend-mobile/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
Indica la categoría de la app y el número de pantallas; cada pantalla se convierte en su propia imagen.
-
La skill elige primero un modo de plataforma: iOS, Android o neutro multiplataforma.
-
Pídele que regenere cualquier pantalla donde el texto quede pequeño o el encuadre irregular.
Todos los plugins de esta colección son gratuitos, de código abierto y enlazan a su fuente original real.
Más en la lista codex-design ↗Más plugins de diseño para Codex
Frontend y UI Qué hace gpt-taste Crea landing pages de estilo premiado con movimiento de scroll GSAP y rejillas bento sin huecos. 
Sistemas de diseño Qué hace Stitch Design Taste Escribe un DESIGN.md que orienta a Google Stitch hacia pantallas que no son genéricas. 
Frontend y UI Qué hace image-to-code Primero genera imágenes de diseño, las analiza y luego construye el código frontend correspondiente. 
Frontend y UI Qué hace imagegen-frontend-web Genera una imagen de referencia horizontal por cada sección de la landing page. Siguiente paso
Diseña con Open Design, sin montar nada
Instálalo tú mismo, o ejecuta toda una capa de diseño curada alrededor de Codex con Open Design. Trae tu propia key: lo que produzcas es tuyo.