Este post es la continuación del post del Sketch al escritorio , si lo lees completo entenderás en que consiste la integración. En cualquier caso, 📅 ayer os enseñaba el boceto a mano alzada del caso de uso de un proyecto de integración que voy a desarrollar a lo largo de una semana completa.
Hoy paso del sketch a la pantalla 🖥️ y además abordare el primer reto técnico que se presenta ¿Cómo iniciar el proceso sin fricción?
Del sketch📝 a la pantalla 🖥️
Partiendo de la idea del Sketch presentado en el post anterior, he utilizado Gemini 3.1 PRO con un Prompt Multimodal en el que incorporo los siguientes elementos:
- La imagen del sketch inicial.
- El máximo contexto posible añadiendo un buen número de detalles.
- El stack de tecnologías que me gustaría utilizar:
- Gmail para interactuar.
- Make para integrar y orquestar las piezas.
- Node.js para el servidor local
- El IDE de Arduino para la integración física, vía la conexión por puerto serie.
- Indicaciones de que me haga todas las preguntas necesarias, sobretodo en caso de ambigüedad, pero que tenga claramente definido el sistema.
- Solicito explicitamente que me entregue un plan de implementación.
En un segundo Prompt añado la herramienta de “Crear Imagen” y añado más especificaciones de como me gustaría ver ahora el esquema, y le pido el esquema refinado con el siguiente resultado:
A partir de este esquema comienzo a trabajar en la implementación, y me enfrento al primer problema…
El primer reto 📱¿Cómo iniciar el proceso?
✉️ La respuesta es simple: un correo electrónico. En este sistema, un simple email actuará como el «disparador«.
Para capturarlo, quiero utilizar Make, pero ahí es donde está el primer problema, ¿Cómo hago que Make este escuchando a Gmail para que nada más llegar el correo se dispare el flujo?
Gmail no me da esa funcionalidad, no lo permite por seguridad … ¿? … preguntemos a la IA🤖: La respuesta prácticamente automática es usar Make configurando un WebHook.
Make se quedará «escuchando» en la sombra, y en cuanto entra el correo con el asunto y las instrucciones clave, extrae el texto y da el pistoletazo de salida al resto del circuito. Lo increíble de configurar esto en Make es que el entorno de desarrollo es puramente visual. Construyes la lógica arrastrando módulos. Lo único que nos queda es vincular el correo de Gmail que quiero utilizar como receptor de las peticiones, y realizar la configuración de reenvío de correo automática al WebHook de Make.
En resumen, primer problema resuelto… Ahora puedo enviar un correo a la dirección de correo Gmail de mi Agente y llega sin problemas a Make que lo captura al instante.
Mañana os presento al «equipo» que toma el relevo una vez que Make recibe ese correo. 🤖👇 y que serán mis agentes en Claude de Anthropic
#Make #WebHooks #Automatizacion
Don't Give up! 