De PRD a prototipo en 15 minutos
De PRD a prototipo en 15 minutos
Los PM escriben especificaciones. Los ingenieros las construyen. La brecha entre ambos cuesta semanas.
¿Y si pudieras cerrar esa brecha tú mismo? En esta lección convertirás una idea de producto en una página HTML en vivo: un Brief de producto con requisitos, un boceto de wireframe de la interfaz y métricas de éxito. Sin necesidad de crear un ticket de ingeniería. Entrega la prueba, no la especificación.
Instrucciones
Añade un <h1> con el nombre de tu producto — hazlo grande y en negrita
Pista: Prueba: `<h1 class="text-3xl font-bold text-gray-900 mt-2">TuProducto — Eslogan corto</h1>`
Añade un <ul class="requirements"> con al menos 3 elementos <li> que describan lo que el producto debe hacer
Añade un <div class="wireframe"> que esboce la interfaz — usa cajas de colores para representar etapas o secciones de la UI
Añade al menos una métrica de éxito — un número o porcentaje que defina qué significa «terminado». Usa la palabra "métrica" en algún lugar de la página
Tu código
Describe lo que quieres construir para este paso y escribiré el código — luego haz clic en Aplicar para llevarlo a tu editor. Este paso: Añade un <h1> con el nombre de tu producto — hazlo grande y en negrita