Prompt de adaptación a Android con Material 3 para Codex

Adapta una pantalla de iOS a Android con Material 3: barra superior, barra de navegación y botón de acción flotante, con tus colores y tipografía.

Adapta la pantalla de [inicio] a Android con las convenciones de Material 3: barra superior de la app, barra de navegación y un botón de acción flotante para [empezar una sesión] si encaja. Mantén nuestros colores y tipografía de marca. Enumera qué cambió respecto a la versión de iOS.

Funciona con

Codex, ChatGPT

De la colección

Apps móviles

Sobre este prompt

Codex toma una pantalla existente de iOS y la reconstruye con patrones de Material 3: una barra superior de la app, una barra de navegación en lugar de la barra de pestañas de iOS y, si encaja con la pantalla, un botón de acción flotante para la acción principal. Los colores y la tipografía de marca se mantienen, y Codex enumera todos los cambios respecto a la versión de iOS.

Nombra la pantalla y la acción que podría convertirse en botón flotante. El “si encaja” del prompt es deliberado: un FAB sirve para una única acción frecuente, como empezar una sesión, no para una pantalla cuya función principal es leer. Si Codex mantiene las dimensiones del iPhone, pide 412×915, un móvil Android típico. Para hacerlo al revés, cambia Android y Material 3 por iOS y las Human Interface Guidelines de Apple.

La lista de cambios sirve más allá de esta pantalla: es, en la práctica, el manual para portar el resto. Ejecuta primero el prompt con la pantalla de inicio, revisa la lista y reutilízala después para los ajustes, donde más se diferencian Android e iOS.

Más prompts de esta colección

• Prompt de mockups de app móvil a código SwiftUI para CodexPide 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.
• 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.