30 prompts de vibe coding para copiar (hoja de referencia)

Los mejores prompts de vibe coding son cortos, concretos y hablan de comportamiento: quién usa la app, qué puede hacer, qué guarda y qué aspecto tiene. 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 datos.

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

Cómo usar esta hoja de referencia

• Empieza con un prompt de primera versión y usa después los demás de uno en uno.
• Prueba tras cada prompt. Recorre el cambio con clics antes de enviar el siguiente.
• Conserva lo que funciona. La mayoría de los prompts de seguimiento de aquí 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 superan siempre a las descripciones.

Prompts de primera versión

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

1. Un seguimiento sencillo

Crea un seguimiento de [hábitos] 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. Guarda todo para que siga ahí después de refrescar. 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 horario libre entre las [9:00 y las 18:00], y luego escriben nombre, teléfono y correo. Dos personas no pueden reservar el mismo horario. Necesito una página de administración privada, con inicio de sesión, que liste las próximas reservas por día.

3. Una herramienta interna

Crea una herramienta interna para que mi equipo controle [préstamos de equipos]. Cada artículo tiene un nombre, un código y un estado (disponible, prestado, averiado). 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 landing page con lista de espera

Crea un sitio web de una 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. Luego tres beneficios, una sección breve 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 de administración privada.

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 propios proyectos, con su estado, los archivos que he subido y un hilo de comentarios. Yo inicio sesión 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 [negocio de limpieza]. Entradas: número de habitaciones, 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.

Prompts de planificación

Úsalos antes de una función grande, o cuando no sepas cómo describir algo.

7. Planificar antes de construir

Antes de escribir código, describe con palabras sencillas las pantallas que vas a crear, los datos que vas a guardar y las decisiones que necesites de mí. Espera mi visto bueno.

8. Convertir una idea desordenada en una primera versión

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

9. Preguntar qué falta

¿Qué preguntas me haría un desarrollador antes de construir esto? Hazlas una por una y luego resume mis respuestas como una especificación corta.

10. Revisar primero un cambio grande

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

Prompts de diseño

11. Fijar 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 fuente sans-serif moderna. Mantén el diseño y todas las funciones exactamente como están.

12. Copiar la sensación de una referencia

Haz que el panel tenga la sensación de una app de finanzas tranquila: mucho espacio en blanco, números grandes y en negrita, etiquetas pequeñas y grises, un gráfico sencillo arriba. No copies el logotipo ni el texto de ninguna marca.

13. Arreglar el diseño en el móvil

En un móvil de 375 px de ancho, la tabla de [la página de Pedidos] se desplaza hacia los lados y los botones se solapan. Convierte cada fila en una tarjeta apilada en pantallas pequeñas. No cambies el diseño de escritorio.

14. Estados vacío, 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. Compatibilidad con derecha a izquierda

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

Prompts de datos y funciones

16. Hacer que los datos persistan

Ahora mismo mis datos desaparecen al refrescar. Guárdalos en una base de datos real y haz que las pantallas actuales sigan funcionando igual.

17. Añadir inicio de sesión

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

18. Añadir 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ñadir búsqueda y filtros

Añade un cuadro de búsqueda sobre [la lista de contactos] que coincida con nombre, empresa o correo mientras escribo, además de un filtro por [estado]. Mantén el orden actual.

20. Añadir subida de archivos

Deja que los usuarios adjunten hasta [5] imágenes a cada [anuncio], de un máximo de [5 MB] 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. Importar desde una hoja de cálculo

Añade un botón Importar que acepte un CSV con las columnas [nombre, correo, teléfono, notas], muestre una vista previa de las 10 primeras filas y me deje confirmar antes de guardar. Omite las filas sin correo y dime cuántas se omitieron.

Prompts para corregir

22. Reportar un error con claridad

Cuando [hago clic en Guardar en el formulario de edición], veo "[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 arréglalo.

23. Cortar un bucle de arreglos

Hemos intentado arreglar esto 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. Deshacer efectos secundarios

Tu último cambio arregló el selector de fechas, pero [la barra lateral] desapareció. Devuelve la barra lateral exactamente como estaba y conserva el arreglo del selector de fechas.

25. Explicar antes de cambiar

Explica cómo se calcula ahora mismo [el total del pago], paso a paso, 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 reservas]: campos vacíos, texto muy largo, dobles clics, dos personas a la vez, zonas horarias incorrectas. Prueba cada una y arregla lo que falle. Cuéntame qué cambiaste.

27. Resumir cambios recientes

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

Prompts de seguridad

Combínalos con nuestra página sobre si el vibe coding es seguro.

28. Comprobar el acceso a los datos

Revisa el código del servidor: ¿puede un usuario con sesión iniciada leer o cambiar los [registros] de otro usuario cambiando un ID en una petición? Muéstrame dónde se comprueba el acceso y arregla cualquier hueco.

29. Comprobar 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 incluido en archivos del repositorio. Si lo están, muévelos a secretos.

Prompts de publicación

30. Repaso antes del lanzamiento

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

Prompts que conviene evitar

Algunos prompts producen peores resultados de forma fiable:

• "Hazlo mejor." ¿Mejor en qué? Nombra la pantalla y el cambio.
• "Arregla todo." La IA cambiará mucho y no sabrás qué se movió.
• "Usa [librería] y [framework] y [patrón]." A menos que tengas un motivo, describe el comportamiento y deja que la herramienta elija el stack.
• "Esta es mi clave de API: …" Nunca pegues secretos en un chat. Usa los ajustes de secretos de la herramienta.
• Diez funciones en un 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 o stack habitual, se mantienen sin volver a escribirlas.

Si no sabes cómo empezar tu 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 qué 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