30 prompts de vibe coding que puedes copiar (chuleta)

Los mejores prompts de vibe coding son cortos, concretos y se centran en el comportamiento: quién usa la app, qué puede hacer, qué guarda y cómo se ve. Abajo tienes 30 prompts para copiar y pegar, agrupados por la etapa en la que estés, desde la primera versión hasta la publicación. Sustituye las partes entre [corchetes] por tus propios detalles.

Funcionan en cualquier creador de apps con IA o agente de programación. Si quieres el razonamiento detrás, nuestra guía más extensa sobre cómo escribir prompts para creadores de apps con IA explica los principios. Esta página es la chuleta.

Cómo usar esta chuleta

• Empieza con un prompt de primera versión, y luego usa los demás uno por uno.
• Prueba después de cada prompt. Comprueba el cambio antes de enviar el siguiente.
• Conserva lo que funciona. La mayoría de los prompts de seguimiento de esta página terminan con «mantén todo lo demás igual» por una razón.
• Pega el texto exacto. Los mensajes de error, las etiquetas de los botones y las palabras en pantalla valen más que cualquier descripción.

Prompts de primera versión

Estos fijan la forma de la app. Cada uno nombra a los usuarios, las acciones, los datos y el aspecto.

1. Un tracker sencillo

Crea un tracker de [hábito] para mí. Puedo añadir un [hábito] con un nombre y un color, marcarlo una vez al día, y ver una cuadrícula de 30 días y mi racha actual. Guárdalo todo para que siga ahí tras recargar. Diseño limpio y minimalista que funcione en el móvil.

2. Una página de reservas para un pequeño negocio

Crea una página de reservas para mi [peluquería]. Los clientes eligen un servicio ([corte 30 min, color 90 min]), una fecha y un hueco libre entre [las 9:00 y las 18:00], y luego escriben su nombre, teléfono y correo electrónico. Dos personas no pueden reservar el mismo hueco. Necesito una página privada de administración, detrás de un inicio de sesión, que liste las reservas próximas por día.

3. Una herramienta interna

Crea una herramienta interna para que mi equipo controle los [préstamos de equipos]. Cada artículo tiene un nombre, un código y un estado (disponible, prestado, roto). El personal inicia sesión, puede retirar un artículo a su nombre y devolverlo. Muestra una tabla con filtros por estado y un historial de quién tuvo cada artículo.

4. Una página de inicio con lista de espera

Crea una web de una sola página para [mi producto: una app de planificación de comidas para padres ocupados]. Cabecera con titular, subtítulo de una frase y registro por correo electrónico. Después, tres beneficios, una breve sección de cómo funciona y unas preguntas frecuentes. Guarda los correos de registro en una base de datos y muéstrame la lista en una página privada de administración.

5. Un portal de clientes

Crea un portal de clientes para mi [estudio de diseño]. Cada cliente inicia sesión y ve solo sus proyectos, con el estado, los archivos que he subido y un hilo de comentarios. Yo entro como administrador y veo a todos los clientes. Los clientes nunca deben ver los datos de otros.

6. Una calculadora o herramienta de presupuestos

Crea una calculadora de presupuestos para mi [empresa de limpieza]. Datos de entrada: número de dormitorios, baños, servicios extra (horno, ventanas, nevera) y frecuencia (puntual, semanal, mensual). Muestra el precio a medida que cambian las opciones, con un desglose. Precios: [pega tu lista de precios]. Añade un botón para enviarme la solicitud de presupuesto por correo electrónico.

Prompts de planificación

Úsalos antes de una función grande, o siempre que no estés seguro de cómo describir algo.

7. Planifica antes de construir

Antes de escribir código, describe en palabras sencillas las pantallas que vas a construir, los datos que vas a guardar y las decisiones que necesitas que tome yo. Espera mi confirmación.

8. Convierte una idea confusa en una primera versión

Esta es mi idea: [pega tus notas]. Sugiere la versión más pequeña que siga siendo útil, en 5 a 8 viñetas. Enumera lo que dejarías para más adelante y por qué.

9. Pregunta qué falta

¿Qué preguntas haría un desarrollador antes de construir esto? Hazmelas una por una y luego resume mis respuestas en una especificación breve.

10. Revisa primero un cambio grande

Quiero añadir [cuentas de equipo en las que varias personas comparten un espacio de trabajo]. Explica qué debe cambiar en los datos, las pantallas y los permisos, y qué podría romperse. No cambies nada todavía.

Prompts de diseño

11. Define un estilo claro

Cambia el estilo de la app: fondo blanco roto cálido, texto oscuro, un color de acento [#1F6F50], esquinas redondeadas, espaciado generoso y una tipografía sans-serif moderna. Mantén la maquetación y todas las funciones exactamente como están.

12. Copia la sensación de una referencia

Haz que el panel parezca una app de finanzas tranquila: mucho espacio en blanco, cifras grandes y en negrita, etiquetas pequeñas en gris y un gráfico sencillo arriba. No copies el logotipo ni el texto de ninguna marca.

13. Corrige la maquetación del móvil

En un móvil de 375 px de ancho, la tabla de [la página de Pedidos] se desplaza de lado y los botones se superponen. Convierte cada fila en una tarjeta apilada en pantallas pequeñas. No cambies la maquetación de escritorio.

14. Estados vacíos, de carga y de error

Añade estados adecuados a [la lista de Proyectos]: un estado vacío amable con un botón para añadir el primer proyecto, un esqueleto de carga mientras se cargan los datos, y un mensaje claro con un botón de reintentar si la carga falla.

15. Soporte de derecha a izquierda

Añade una versión en árabe de la interfaz con maquetación completa de derecha a izquierda. Los iconos que indican una dirección deben invertirse; los números y las fechas deben usar el formato de la configuración regional. Mantén el inglés como idioma por defecto.

Prompts de datos y funciones

16. Haz que los datos persistan

Ahora mismo mis datos desaparecen al recargar. Guárdalos en una base de datos real y mantén las pantallas actuales funcionando igual.

17. Añade inicio de sesión

Añade registro e inicio de sesión con correo electrónico y contraseña. Cada usuario solo debe ver y editar sus propios [registros]. Muestra el correo del usuario en la barra superior con un botón para cerrar sesión.

18. Añade roles

Añade dos roles: administrador y miembro. Los administradores pueden añadir, editar y eliminar [productos]; los miembros solo pueden verlos. Aplícalo en el servidor, no solo ocultando botones.

19. Añade búsqueda y filtros

Añade un buscador encima de [la lista de contactos] que coincida con el nombre, la empresa o el correo electrónico mientras escribo, además de un filtro por [estado]. Mantén el orden actual.

20. Añade subida de archivos

Permite a los usuarios adjuntar hasta [5] imágenes a cada [anuncio], de [5 MB] como máximo cada una. Muestra miniaturas en el anuncio y una vista más grande al hacer clic. Solo el propietario puede eliminar sus imágenes.

21. Importa desde una hoja de cálculo

Añade un botón de importar que acepte un CSV con las columnas [nombre, correo electrónico, teléfono, notas], muestre una vista previa de las 10 primeras filas y me deje confirmar antes de guardar. Omite las filas sin correo electrónico e indícame cuántas se han omitido.

Prompts de corrección

22. Informa de un error con claridad

Cuando [pulso Guardar en el formulario de edición], aparece «[texto exacto del error]» y el cambio no se guarda. Esperado: el cambio se guarda y vuelvo a la lista. Encuentra la causa, explícala en una o dos frases y luego corrígela.

23. Detén un bucle de correcciones

Lo hemos intentado arreglar tres veces y sigue fallando. Deja de cambiar código. Enumera las tres causas más probables, cómo comprobar cada una y cuál crees que es.

24. Deshaz los efectos secundarios

Tu último cambio arregló el selector de fecha, pero [la barra lateral] ha desaparecido. Devuelve la barra lateral exactamente como estaba y mantén la corrección del selector de fecha.

25. Explica antes de cambiar

Explica paso a paso cómo se calcula ahora mismo [el total de la compra], señalando los archivos implicados. No cambies nada.

Prompts de pruebas y revisión

26. Casos límite

Enumera 10 formas en que un usuario real podría romper [el formulario de reserva]: campos vacíos, textos muy largos, doble clic, dos personas a la vez, zonas horarias distintas. Prueba cada una y corrige lo que falle. Indica qué has cambiado.

27. Resume los cambios recientes

Resume en palabras sencillas todos los cambios que hiciste en los últimos [cinco] pasos y señala cualquiera que pueda afectar a los datos existentes.

Prompts de seguridad

Acompáñalos con nuestra página sobre si el vibe coding es seguro.

28. Revisa el acceso a los datos

Revisa el código del servidor: ¿puede un usuario que ha iniciado sesión leer o cambiar los [registros] de otro usuario cambiando un ID en una petición? Muéstrame dónde se comprueba el acceso y corrige los fallos que encuentres.

29. Comprueba si hay secretos expuestos

Enumera cada clave de API, contraseña o token que usa esta app y dónde se guarda cada uno. Asegúrate de que ninguno esté en código que se ejecute en el navegador ni en archivos subidos al repositorio. Si lo están, muévelos a secretos.

Prompts de publicación

30. Revisión previa al lanzamiento

Voy a publicar esto para usuarios reales. Repásalo como un revisor: enlaces rotos, títulos y descripciones de página que falten, formularios sin validación, páginas lentas, errores en la consola y cualquier cosa que parezca inacabada en el móvil. Dame una lista ordenada por importancia y luego corrige los cinco primeros.

Prompts que conviene evitar

Algunos prompts producen resultados peores de forma reiterada:

• «Hazlo mejor». ¿Mejor en qué? Nombra la pantalla y el cambio.
• «Arregla todo». La IA cambiará mucho y no sabrás qué se ha movido.
• «Usa [librería], [framework] y [patrón]». A menos que tengas un motivo, describe el comportamiento y deja que la herramienta elija la pila.
• «Esta es mi clave de API: …». Nunca pegues secretos en un chat. Usa los ajustes de secretos de la herramienta.
• Diez funciones en un mismo mensaje. Divídelas.

Convertir los prompts en un hábito

Tras unos cuantos proyectos tendrás tus propias versiones de estos. Guárdalas en una nota y reutiliza las que funcionen. Mythex también recuerda quién eres y cómo trabajas entre proyectos, así que las preferencias que repites, como tu estilo habitual o tu pila, se mantienen sin volver a escribirlas.

Si te atascas con un primer prompt, el generador de prompts para apps, gratuito, convierte una idea de una línea en un prompt inicial más completo. Y para ver lo que producen estos prompts en la práctica, lee nuestros ejemplos de vibe coding, o pega el prompt 1 en el creador de apps con IA y cambia los corchetes por tu propia idea.

Preguntas