Del PRD conversacional al producto "real"
Esta semana tocaba poner en práctica el PRD conversacional. Te enseño cómo pasar de la teoría a una aplicación real funcionando con ChatGPT.
¡La newsletter de esta semana sale con retraso!
Espero que no vuelva a ocurrir... ¡Pero fue por un buen motivo!
Ayer hice mi primer webinar 😀
Ya sé, no es excusa, pero me llevó mucho tiempo de preparación y nervios y descuidé un poco la redacción de la news de esta semana...
¿De qué iba el webinar?
Pues del famoso PRD conversacional, ese del que te hablé la semana pasada. La idea con el webinar fue ponerlo en práctica.
Es decir, presentar un poco la teoría vista en la newsletter y luego hacer un PRD en vivo.
No salió del todo como esperaba, cosas del directo. En mi cabeza tenía mejor pinta, pero la gente quedó contenta, así que ÉXITO total 👍
¿Qué tal tú? ¿Has podido practicar?
¿Has probado a poner en práctica el PRD conversacional?
No era obligatorio, no te sientas obligad@, pero como en el cole, si vas practicando lo aprendido, luego no se te hará una montaña.
¿Qué vamos a ver hoy?
Pues hoy el tema va de poner en práctica el PRD, de ponerlo a trabajar para crear "algo".
Mi idea era empezar a enseñarte cosas tal cual las aprendí en su momento, es decir, empezar con ChatGPT.
Realmente no sabía exactamente cómo enfocar esta publicación de hoy. De hecho, había empezado un borrador con Claude y lo he tirado completamente a la basura.
¿Por qué?
Bueno, porque quería hacer algo SUPER práctico, y al ser algo de construcción, le veía poco sentido a hacer un tutorial por escrito.
Así que esta tarde (jueves), me he liado la manta a la cabeza y he grabado un vídeo del tirón mostrando:
✅ El PRD
✅ Cómo traspasarlo a ChatGPT y generar el código de la aplicación
✅ Cómo traspasar el resultado que nos da la IA a un editor de código
✅ Visualizar el resultado final en el navegador
Así que esta semana hay poca teoría y vamos a ver cosas en directo.
El vídeo te lo adjunto unas líneas más abajo, y creo que es una manera genial de presentarte (redoble de tambores por favor):
"Pero Pol... ¡Cuántas novedades esta semana!"
Yaya, no paro.
Cada vez me atrevo con más cosas.
Recuerda que llevo CASI 3 años con esto del vibe coding...
Los recursos que necesitas para el reto de hoy
Para ponerte las cosas fáciles (para dummies), te adjunto los recursos que vas a necesitar:
🔗 Google Docs con el PRD prediseñado (por si no hiciste los deberes)
🤖 ChatGPT (a estas alturas creo que no necesita presentaciones)
💻 Visual Studio Code (el editor de código que vamos a usar)
Si ya tienes tu propio PRD, ¡úsalo! Solo te he puesto el de ejemplo por si no hiciste los deberes 😝
Sobre el editor de código: He elegido este porque es el que utilizo y es uno de los más conocidos. Si quieres usar otro, úsalo.
¡Ahora sí, dentro vídeo!
¿Qué tal lo has visto? Si te queda alguna duda, escríbelo en comentarios.
Te quería contar algo más antes de terminar:
Cuando he subido el vídeo a YouTube, antes de publicarlo, se lo he pasado a Fran Conejos para que me diera su opinión y me ha hecho reflexionar sobre algo.
Sus palabras textuales han sido:
"Muy guay pero no termino de entender por qué los mandas a descargarse vs code y lo llamas para dummies 😂"
Entiendo su punto de vista, y entiendo que tú te puedas sentir un poco abrumad@ cuando te descargues e instales Visual Studio Code.
Pero... Hemos venido a jugar, ¿no?
¿Qué significa "para dummies" en esta newsletter?
La definición textual de "dummies" en español dice:
"Puede usarse para describir a principiantes o inexpertos en un tema. Además, en algunos contextos, puede tener connotaciones de tonto o bobo."
Pero para mí va más allá.
Para mi vibe coding para dummies consiste en explicar conceptos, funcionalidades y herramientas (que a priori pueden parecer complejas) en un lenguaje que todo el mundo pueda entender.
Es como cuando trabajaba en IKEA y me decían "explícale las cosas al cliente como si tuviera 4 años".
No en plan despectivo, sino imaginando que (el cliente) no sabía nada del tema, no dando nada por supuesto.
Así es como me planteo esta newsletter.
¿Por qué empezar con lo "clásico"?
Fran también me ha hecho notar algo importante:
"Te tengo que recordar que cuando tú empezaste no existía Lovable ni Cursor. A lo mejor la senda (del viber) se podría modernizar un poco"
Entiendo y respeto completamente que tú también te puedas sentir/pensar igual que Fran.
Es sencillo: puedes saltarte estos posts y reengancharte cuando toque temas de Lovable o Bolt (que no tardaré mucho), ¡pero creo que te estarás perdiendo cosas muy interesantes!
En la práctica de hoy hemos hecho una web con la ayuda de la IA, pero con vibe coding también puedes hacer:
🔧 Una extensión para Chrome 🖥️ Una aplicación de escritorio con Python 📱 Un script de automatización 🛠️ Una herramienta de línea de comandos
Y para construir todo eso, se puede usar ChatGPT, Gemini o Claude.
¿Te lo vas a perder?
Nah... Yo creo que eres una persona curiosa y con sed de aprender cómo construir las movidas que tienes en la cabeza.
¡Nos vemos la próxima semana!
Ah, se me olvidaba, ¡el reto de hoy! Tienes dos opciones:
Aplicar el PRD que (en principio) hiciste la semana pasada
Aplicar el PRD que te he compartido, editarlo, expandirlo, ponte creativ@
En cualquier caso, a ver qué construyes 😀
Salga lo que salga, si te animas, ¡publícalo en LinkedIn!
Compártelo en tu red para que todo el mundo vea lo que estás aprendiendo en esta newsletter (y de paso me haces un poco de publicidad que nunca viene mal).
Ahora sí, hasta la semana que viene 🙂
PD: Si el formato en vídeo te gusta, haré más contenido así. Si prefieres texto, también puedo adaptarme. Tú decides