Prompt de diseño de pantalla de ajustes de una app para Codex

Diseñ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.

Diseña la pantalla de ajustes con las listas agrupadas estándar de [iOS]: [Cuenta, Objetivo diario, Recordatorios, Apariencia, Datos y privacidad, Ayuda]. Muestra el valor actual a la derecha de cada fila, usa un interruptor para [los recordatorios] y pon las acciones destructivas como [Eliminar cuenta] al final, en rojo.

Funciona con

Codex, ChatGPT

De la colección

Apps móviles

Sobre este prompt

Codex diseña una pantalla de ajustes con el estilo nativo de la plataforma: listas agrupadas bajo los nombres de tus secciones, el valor actual a la derecha de cada fila, un interruptor para los ajustes de sí o no y las acciones destructivas, como eliminar la cuenta, colocadas al final y en rojo.

Sustituye la plataforma en el primer corchete y los seis grupos por los que pedía tu lista de pantallas. Nombra cada ajuste que deba ser un interruptor; todo lo demás se convierte en una fila que abre otra pantalla. En los ajustes los usuarios esperan convención y no originalidad, por eso la petición de listas agrupadas estándar es intencionada: el color de marca va en los interruptores y los enlaces, no en la estructura.

Rellena valores actuales realistas, como “20 min” para el objetivo diario o “20:30” para los recordatorios, para ver si los valores largos empujan las etiquetas a dos líneas. Si además publicas en Android, pide una versión de esta pantalla en Material 3; las listas agrupadas se ven y se comportan de forma distinta allí.

Más prompts de esta colección

• 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.
• Prompt de diseño de modo oscuro de una app para CodexCrea versiones en modo oscuro de pantallas de una app con fondo teñido, acentos atenuados, contraste de texto WCAG AA y una lista de colores cambiados.
• Prompt de adaptación a Android con Material 3 para CodexAdapta 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.
• 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.