Cómo escribir prompts que crean apps geniales

builder77 puede crear una app que funciona a partir de una sola frase. Pero una sola frase deja muchas decisiones en manos de la IA: para quién es la app, qué pantallas importan, qué datos guarda y qué sensación debe transmitir. Cuantas más de esas decisiones tomes de antemano, más se acercará la primera versión a lo que tenías en mente, y menos créditos gastarás corrigiéndola.

Esta guía repasa una estructura de prompt que usamos nosotros mismos. No es magia: es solo una lista de comprobación que asegura que se dice lo importante.

1. Empieza por para quién es y qué tarea resuelve

«Una app de reservas» puede significar cien cosas distintas. «Una app de reservas para una peluquería de dos personas donde los clientes eligen un servicio, una estilista y una franja horaria» solo puede significar unas pocas. Empieza por el usuario y la tarea, en una o dos frases.

Crea una aplicación web de reservas para una pequeña peluquería. Los clientes eligen un servicio, una estilista y una hora disponible, y después dejan su nombre y su número de teléfono.

2. Enumera las pantallas o secciones

Nombrar las pantallas le da a la IA un esqueleto que rellenar. Para una web, enumera las secciones en orden. Para una app, enumera las vistas principales y cómo se pasa de una a otra.

• Web: hero, servicios con precios, equipo, sección de testimonios (la rellenarás más adelante), horario, formulario de reserva, pie de página con enlace al mapa.
• Aplicación web: panel, vista de lista con filtros, página de detalle, ventana modal para crear/editar, ajustes.
• App móvil: pestañas inferiores para Hoy, Planes, Progreso y Perfil, más una hoja inferior para añadir entradas.

3. Describe los datos

Cada app de builder77 tiene una base de datos integrada, así que la IA guardará los datos en colecciones. Obtendrás una app más limpia si dices cuáles son esas colecciones y qué campos importan. No hace falta lenguaje técnico: bastan sustantivos sencillos.

Guarda reservas (servicio, estilista, fecha, hora, nombre del cliente, teléfono, estado) y servicios (nombre, duración, precio). Añade algunos servicios de ejemplo.

Si cada usuario solo debe ver sus propios registros (un diario, un registro de hábitos, un presupuesto personal), dilo de forma explícita: «los usuarios se registran y solo ven sus propias entradas». builder77 añadirá el inicio de sesión y filtrará las consultas por el usuario actual.

4. Dale una dirección visual

En el estilo es donde los prompts genéricos producen resultados genéricos. Dos o tres palabras concretas valen más que un párrafo de adjetivos. Menciona un ambiente, un color y una referencia si la tienes.

• «Cálido y minimalista, fondo crema, detalles en terracota, títulos con serifa.»
• «Panel oscuro, alto contraste, destacados en verde eléctrico, tablas densas como en Linear.»
• «Divertido y redondeado, colores pastel, botones grandes y amigables para niños.»

También puedes adjuntar una captura de pantalla como referencia. La IA tomará pistas de diseño y color de la imagen, así que es un atajo estupendo cuando tienes algo concreto en mente.

5. Usa «Mejorar prompt» cuando te atasques

Si solo tienes una idea a medias, escríbela y pulsa Mejorar prompt. builder77 la reescribe como un prompt detallado que cubre usuarios, pantallas, datos y estilo. Léelo antes de enviarlo y corrige lo que no encaje. Es una forma rápida de pasar de «una app de fitness» a una especificación que de verdad quieras.

6. Itera en pasos pequeños y concretos

Cuando ya tengas la primera versión, resiste la tentación de enviar una lista de doce cambios. Las peticiones pequeñas son más fiables y más fáciles de deshacer. Un buen ritmo es una función o un cambio visual por mensaje.

• Usa Seleccionar para hacer clic en un elemento de la vista previa y decir exactamente qué cambiar de él.
• Usa el modo Conversar para planificar con la IA una función más grande antes de crearla.
• Si algo se rompe, pulsa Arreglar con IA: envía el error capturado para que la IA pueda repararlo.
• Cada cambio es una versión. Si un resultado no te gusta, restaura la anterior y reformula la petición.

Un ejemplo completo

Crea una app móvil de seguimiento de hábitos llamada Streaky para personas que están creando pequeños hábitos diarios.

Pantallas: Hoy (lista de hábitos con un gran botón para marcar y la racha actual),
Hábitos (añadir/editar hábitos con nombre, emoji, color y días objetivo por semana),
Estadísticas (gráfico de cumplimiento semanal y mejor racha), Perfil (cerrar sesión).

Datos: los usuarios se registran; los hábitos y los registros diarios son privados para cada usuario.

Estilo: tranquilo y cercano, fondo blanco roto, acento verde suave,
tarjetas redondeadas, zonas táctiles grandes, barra de pestañas inferior.

Son unas 80 palabras, y responden a todas las preguntas que la IA tendría que adivinar. Prueba esta estructura con tu próxima idea y guarda tus mejores prompts a mano, porque reutilizarás los patrones más de lo que crees.