Prompt de brief de app móvil y lista de pantallas para Codex

Describe 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.

Estamos diseñando [Pagely, una app de hábitos de lectura]. Los usuarios son [adultos que quieren leer de 10 a 30 minutos al día pero siempre se les olvida]. El ciclo principal: [fijar un objetivo diario, leer con un temporizador, mantener una racha]. Plataforma: [primero iOS].

Enumera todas las pantallas que necesita la primera versión, agrupadas en onboarding, ciclo principal y ajustes. Para cada pantalla, indica su propósito en una frase y las tres cosas más importantes que aparecen en ella.

Funciona con

Codex, ChatGPT

De la colección

Apps móviles

Sobre este prompt

Codex devuelve un inventario de pantallas para la primera versión de la app, agrupadas en onboarding, ciclo principal y ajustes. Cada pantalla recibe un propósito en una frase y las tres cosas más importantes que aparecen en ella, lo que suma una especificación ligera que puedes revisar antes de dibujar nada.

Sustituye los cuatro corchetes: la app y lo que hace, quién la usa y el problema que tiene, el ciclo principal como una secuencia corta de acciones y la plataforma con la que empiezas. El ciclo principal es lo que más importa. Escrito con tres verbos, como fijar un objetivo, leer, mantener la racha, le dice a Codex qué pantallas son centrales y cuáles solo dan apoyo.

Recorta la lista antes de diseñar nada; las primeras versiones suelen volver con más pantallas de las que necesitas. Ten a mano las “tres cosas más importantes” de cada pantalla, porque el prompt de la pantalla de inicio más adelante te pide nombrar el único elemento más importante, y esta lista es donde lo encontrarás.

Más prompts de esta colección

• 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.
• 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.