Jueves de Quack

Jueves de Cuac - Resumen Detallado

Key Concepts:

• Postman: Plataforma para el ciclo de vida completo de las APIs (diseño, testeo, desarrollo, promoción, observabilidad).
• Postman Flows: Herramienta visual low-code para crear flujos de trabajo con APIs y agentes.
• MCP (Machine Communication Protocol): Protocolo para que los LLMs (Large Language Models) y chats accedan al mundo exterior (APIs, sistemas de archivos, etc.).
• MCP UI (Machine Communication Protocol User Interface): Extensión de MCP que permite interfaces de usuario visuales en chats, en lugar de solo texto.
• Agentes: Entidades que ejecutan tareas específicas dentro de Postman Flows, a menudo utilizando LLMs.
• Nano Banana: API para generación de imágenes.
• Cloudflare Workers: Plataforma para ejecutar código serverless.
• Flow Query Language: Lenguaje propio de Postman Flows, similar a Typescript.

1. Introducción y Presentación:

• Andrea Griffes (Colombia Dev) es la anfitriona.
• El invitado es Rubén, Staff Engineer en Postman, ubicado en el sur de Inglaterra.
• Rubén se especializa en frontend architecture y disfruta de resolver problemas difíciles.
• Se menciona la conferencia "Nerdearla" en Buenos Aires.

2. ¿Qué es Postman?

• Postman es una plataforma para el ciclo de vida completo de las APIs.
• Para frontend, ayuda a enviar requests a APIs.
• Para backend, es una herramienta para diseñar, testear y desarrollar APIs.
• Postman tiene una extensión para Visual Studio Code.

3. Postman y los MCPs:

• Postman tiene un "API Network" donde se pueden encontrar APIs públicas y crear MCPs con un solo clic.
• Ejemplo: Seleccionar APIs de PayPal y Discord para crear un MCP que las integre.
• Postman Agent Mall: Interfaz de chat que conecta con MCPs.
• Ejemplo: Usar un agente para obtener el clima de Tampa, Florida, con un estilo "emo oscuro".
• MCP UI permite crear interfaces de usuario visuales dentro de los chats.
• Ejemplo: Conectar un MCP a Shopify para mostrar y comprar camisetas directamente desde el chat.

4. Demostración de MCP UI con Shopify:

• Se muestra una tienda real de Shopify integrada con un MCP UI.
• Se pueden ver productos (camisetas), seleccionar tallas y agregar al carrito directamente desde el chat.
• Se destaca que esto va más allá de simplemente obtener un enlace a un producto, ya que permite la interacción en tiempo real con el inventario y el proceso de compra.

5. Integración de MCP UI con VS Code:

• Se menciona que hay un "issue" abierto en GitHub para agregar soporte para MCP UI en GitHub Copilot y VS Code.
• El objetivo es integrar las herramientas de desarrollo directamente en el IDE.

6. Creación de MCPs con Postman Flows:

• Se demuestra cómo crear un MCP para el clima utilizando Postman Flows.
• El flujo toma una request, la pasa a un agente (GPT 4.1), que utiliza una API del clima para obtener la información.
• El agente crea un HTML con el estilo deseado (ej. Windows 95) y lo convierte al formato requerido por MCP UI.
• Todo el proceso se despliega a producción con un solo clic.

7. Demostración Avanzada: Máquina del Tiempo:

• Se presenta un proyecto más complejo que utiliza una cadena de agentes para generar imágenes históricas personalizadas.
• El flujo toma una foto y una fecha como entrada.
• Un agente busca eventos históricos en Wikipedia para esa fecha.
• Otro agente crea un "prompt" para la generación de la imagen.
• La API "Nano Banana" (ejecutada en Cloudflare Workers) genera la imagen.
• Un último agente crea un HTML con la imagen y un titular de periódico.
• Se experimentan problemas con la API de Google (Gemini) durante la demostración.

8. Orquestación de Agentes en Postman Flows:

• Se destaca la capacidad de Postman Flows para orquestar múltiples agentes con tareas específicas.
• Se puede agregar, eliminar o modificar agentes fácilmente mediante "drag and drop".
• Se menciona que el futuro es poder crear estos flujos con lenguaje natural, donde el agente de Postman se encargue de crear la cadena de razonamiento y conectar los agentes.

9. Casos de Uso de Postman Flows:

• Documentación de APIs: Mostrar visualmente cómo interactúan las APIs para un cliente.
• Automatizaciones: Integraciones con Slack, por ejemplo, para automatizar tareas basadas en reacciones.
• Experimentación: Facilidad para probar nuevas ideas y prototipos.
• Diseño y prototipado de interfaces dinámicas para páginas web y e-commerce.

10. Live Coding: Traducción al Español:

• Se realiza una sesión de "live coding" para traducir la interfaz del demo de la máquina del tiempo al español.
• Se modifica el flujo para pasar el idioma seleccionado a la API de Nano Banana.
• Se demuestra cómo un cambio en el flujo puede implementarse rápidamente en producción.

11. Arquitectura del Proyecto "Máquina del Tiempo":

• Se explica la arquitectura del proyecto, que incluye:
  • Frontend (sitio web).
  • Postman Flow.
  • Cloudflare Worker (ejecutando Nano Banana).
  • Google API (Gemini).

12. Preguntas y Respuestas:

• Se pregunta si los flujos se pueden descargar para usarlos fuera de Postman. La respuesta es que no, ya que utilizan un lenguaje propio (Flow Query Language).
• Se pregunta si se pueden agregar condiciones para cambiar el modelo de generación de imágenes si falla Nano Banana. La respuesta es que sí, se puede usar el bloque "condition" en Postman Flows.

13. Consejos para el Desarrollo Profesional (Rubén):

• Principiantes: Contribuir a open source, ver tutoriales, experimentar con diferentes tecnologías.
• Intermedios: Desarrollar habilidades de comunicación y aprender a resolver el problema correcto.
• Seniors: Solucionar problemas de la empresa, liderar proyectos y manejar equipos.
• Todos: Participar en la comunidad (conferencias, meetups), rodearse de gente que pueda ayudar.

14. Conclusión:

• Postman ha evolucionado significativamente y ofrece una amplia gama de características para el desarrollo y la gestión de APIs.
• Postman Flows y MCP UI permiten crear experiencias interactivas y automatizadas de manera visual y sencilla.
• La comunidad y el aprendizaje continuo son clave para el éxito en el campo del desarrollo.
• Se anuncia que Postman está expandiendo su presencia en Latinoamérica y ofrece entrenamientos en español.
• Se promociona el servidor MCP remoto de GitHub.