Prompt de mockups de app móvil a código SwiftUI para Codex

Pide a Codex que construya las pantallas HTML aprobadas en tu app SwiftUI, con el mismo layout, tus colores de tema y compatibilidad con Dynamic Type.

Implementa las pantallas aprobadas de onboarding e inicio en nuestra app de [SwiftUI]. Reproduce el layout y el espaciado de los archivos HTML de [designs/], usa los colores de [Theme.swift], admite Dynamic Type y reutiliza los componentes existentes cuando encajen.

Funciona con

Codex

De la colección

Apps móviles

Sobre este prompt

Codex implementa las pantallas aprobadas de onboarding e inicio en tu app real, usando los archivos HTML como referencia de layout y espaciado. Toma los colores de tu archivo de tema existente, admite Dynamic Type para que el texto escale con los ajustes del usuario y reutiliza los componentes que ya tienes en lugar de crear duplicados.

Sustituye SwiftUI por tu framework, como Jetpack Compose, React Native o Flutter, y apunta los otros dos corchetes a la carpeta con tus diseños HTML y al archivo que define tus colores. Fuera de las plataformas de Apple, cambia Dynamic Type por el equivalente local, como respetar la escala de fuente del sistema en Android. Si diseñaste el modo oscuro, menciona también esos archivos para que ambos temas se construyan a la vez.

Codex tiene que trabajar dentro de tu repositorio en este paso, porque lee tu tema y tus componentes. Empieza por las dos pantallas del prompt y no por toda la app; cuando su espaciado y sus componentes coincidan con los mockups, las demás pantallas irán más rápido porque los patrones ya existen en el código.

Más prompts de esta colección

• Prompt de brief de app móvil y lista de pantallas para CodexDescribe los usuarios, el ciclo principal y la plataforma de tu app, y pide a Codex las pantallas de la versión uno, agrupadas y con su propósito.
• Prompt de diseño de flujo de onboarding de una app para CodexDiseña tres pantallas de onboarding conectadas a 390×844, bienvenida, objetivo y primera pantalla de inicio, con un mismo estilo e ilustraciones en CSS.
• Prompt de diseño de pantalla de inicio de app móvil para CodexDiseña el inicio de una app para un usuario recurrente, centrado en el elemento que nombres como más importante, con barra de pestañas y estadísticas.
• Prompt de diseño de pantallas de lista y detalle para CodexDiseña una pantalla de lista con búsqueda y chips de filtro y la pantalla de detalle que abre, en dos archivos, con títulos y cifras realistas.
• Prompt de diseño de pantalla de ajustes de una app para CodexDiseña una pantalla de ajustes con listas agrupadas estándar, el valor actual en cada fila, interruptores donde corresponde y las acciones destructivas en rojo.
• Prompt de diseño de estados vacío, de carga y de error para CodexDiseña los estados vacío, de carga y de error de una pantalla de app en archivos separados, con la misma navegación y el mismo encabezado que el estado normal.