Desarrollo con IA
Ejemplos de prompts de vibe coding para aplicaciones web
Ejemplos prácticos de prompts para definir, construir, revisar y verificar aplicaciones web mediante vibe coding.
Un prompt útil para una aplicación web no pide simplemente «crea una app». Define usuario, trabajo, flujo, datos, límites, criterios de aceptación y verificación. Los siguientes patrones deben adaptarse al repositorio y revisarse antes de ejecutar cambios.
Prompt para definir el flujo
Para [usuario], define un flujo que permita [tarea] y llegue a [resultado]. Incluye pasos, entradas, estados vacío/carga/error/éxito, permisos, datos necesarios, exclusiones y criterios de aceptación. Señala las decisiones que aún requieren confirmación.
Prompt para implementar una pantalla
Implementa la pantalla [nombre] para el flujo [flujo]. Respeta estos componentes, tokens y contratos: [restricciones]. Muestra jerarquía, acción principal, validación, accesibilidad y estados. Antes de editar, explica archivos relevantes y plan mínimo; después muestra diff y pruebas.
Prompt para revisar una integración
Revisa esta integración de [servicio] por autenticación, autorización, validación, manejo de errores, reintentos, límites, datos sensibles y observabilidad. No llames al servicio ni expongas secretos. Propón pruebas y cambios pequeños.
Prompt para depurar
Con estos pasos de reproducción, registros y resultado esperado, separa hechos de hipótesis, propone pruebas mínimas y después el cambio más pequeño con una prueba de regresión.
Lista de verificación
- ¿El prompt define usuario, tarea y resultado?
- ¿Explicita datos, permisos y estados?
- ¿Limita archivos y comportamientos fuera de alcance?
- ¿Incluye pruebas y criterio de aceptación?