Prompt de mockup de GPT Image 2.6 a HTML para Codex

Convierte un mockup de GPT Image 2.6 en un único archivo HTML autocontenido en Codex, con el mismo layout, colores y texto, y los iconos en SVG en línea.

Reconstruye la imagen de mockup adjunta como un único archivo HTML autocontenido a [390×844], con CSS en línea y fuentes del sistema. Reproduce exactamente el layout, el espaciado, los colores y el texto. Dibuja los iconos con SVG en línea.

Funciona con

GPT Image 2.6, Codex

De la colección

Prompts de GPT Image 2.6

Sobre este prompt

Todos los demás prompts de este set terminan en una imagen, en la que no se puede hacer clic, que no se puede redimensionar ni publicar. Este es para Codex: adjunta el mockup que generaste y lo reconstruye como un único archivo HTML autocontenido con CSS en línea y fuentes del sistema, con el mismo layout, espaciado, colores y texto, y los iconos dibujados como SVG en línea.

El tamaño entre corchetes es lo único que debes cambiar. Conserva 390×844 para una pantalla de móvil y usa las dimensiones del propio mockup para cualquier otra cosa, por ejemplo 1440×900 para un hero o un dashboard de escritorio. Si la imagen tiene fotos, dile a Codex dónde están los archivos reales en lugar de pedirle que las recree.

Espera un primer resultado muy cercano, no uno perfecto al píxel. En un lienzo de Codex Design, la imagen generada y la versión HTML quedan lado a lado, así que los desajustes de espaciado o de tamaño de fuente son fáciles de detectar y corregir, ya sea visualmente o con un nuevo prompt a Codex.

Más prompts de esta colección

• Prompt de pantalla de inicio de app de fitness para GPT Image 2.6Inicio de una app de running con anillo de distancia semanal, botón Empezar carrera, tarjeta de la última carrera y cuatro pestañas, listo para adaptar.
• Prompt de app de banca móvil para GPT Image 2.6Una pantalla de app de banca con tarjeta de saldo, cuatro acciones rápidas y una lista de movimientos recientes en azul marino. Cambia las cifras por las tuyas.
• Prompt de pantalla de inicio de app de comida a domicilio para GPT Image 2.6Inicio de una app de comida a domicilio con dirección, búsqueda, chips de cocinas, restaurante destacado y lista Populares cerca de ti, en blanco y rojo.
• Prompt de pantallas de onboarding de una app para GPT Image 2.6Tres pantallas de onboarding lado a lado: bienvenida, chips de objetivos y selector de hora del recordatorio, con una paleta coherente para tu app.
• Prompt de pantalla de conversación de una app de chat para GPT Image 2.6Una pantalla de conversación de mensajería con burbujas, una foto compartida, un mensaje de voz con forma de onda y un campo de mensaje, en tema claro con azul.
• Prompt de pantalla de ajustes de iOS para GPT Image 2.6Una pantalla de ajustes nativa de iOS con listas agrupadas, valores actuales, interruptores de sincronización y recordatorios y una fila roja Cerrar sesión.