Colorful digital network diagram showing tasks, workflows, processes, and results interconnected with glowing lines and nodes

Del Sketch al escritorio: Píldora 2 – El Mapa y el primer paso: el Disparador

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.

Caso de Uso : IA
Caso de Uso : IA

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:

El esquema potenciado con IA
El esquema potenciado con IA

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.

El primer reto
El primer reto

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 

Caso de Uso : IA

Del sketch al escritorio: Cómo la IA te ayuda a dar vida a tus ideas

Sé sincero ✋. ¿Cuántas veces has esbozado la solución perfecta a un problema en una libreta, en un post-it, o en la mítica servilleta de cafetería… y luego la has abandonado por la pura pereza de «pasarla a limpio»?

Como profesionales atrapados en la cultura de la prisa y la burocracia, sabemos que nuestro cerebro va a mil por hora, pero nuestras herramientas digitales a veces nos frenan. Los que defendemos el Visual Thinking tenemos claro que la magia, la verdadera arquitectura de un sistema, nace en el caos de los trazos de nuestros esquemas iniciales.

El problema es la fricción. El esfuerzo de sentarse frente a la pantalla a arrastrar cajas y alinear flechas no aporta valor y en términos Lean, es puro muda (desperdicio).

Pero con la IA y sobre todo con la multimodal las reglas del juego han cambiado completamente.

🪄 La magia de la IA multimodal: La IA puede «ver» y “escuchar”

La Inteligencia Artificial supera ampliamente la barrera del texto. Ahora comprende el espacio, interpreta el caos de nuestras líneas y entiende la lógica detrás de nuestros sketches.

Para demostrar que esto no es teoría de manual, esta semana voy a construir en vivo un caso de uso real. Vamos a ir desde un sketch inicial hasta llegar incluso a la electrónica física utilizando iterativamente tres herramientas:

1. La captura del caos. El uso de bocetos e ideas. 

Caso de Uso : IA
Caso de Uso : IA

Todo empieza donde siempre: en un sketch, ya sea en papel o en nuestro iPad. Sin filtros, sin mucho más software. Solo con la idea cruda.

2. El Prompt visual. El análisis de la realidad.

Subimos una imagen a la IA. No le pedimos que «transcriba», le pedimos que comprenda. La IA infiere las conexiones, organiza flujos, nos devuelve estructuras técnicas listas para ser desarrolladas. Adiós al muda, resultados prácticamente directos. 

3. La ejecución. Implementación de software y hardware asistida.

A partir de esquemas, vamos a orquestar diferentes ecosistemas con diferentes herramientas que conectaran mundos diferentes. En el caso de uso que os mostraré encontraremos los siguientes:

  • Un Webhook que capturatrá un correo entrante con instrucciones clave.
  • Una orquestación que utilizará tres agentes de IA: un Investigador, un Redactor y un Director de Arte.
  • Estos agentes procesarán la información y devolverán el trabajo hecho: un post estructurado y el prompt exacto para el sketchnote que lo acompañará.
  • El toque final: A través del puerto serie de mi Mac, el sistema se comunicará con una pequeña placa Arduino que tengo en mi escritorio. Encenderá unos LEDs y emitirá un pitido. El mundo digital avisando al mundo físico de que el trabajo está terminado.

🔩 El caso de uso

El caso de uso es el que mostraba cuando hablaba de la captura del caos. La idea es que desde mi móvil envíe un mensaje a un agente para crear un post para mi blog. Esto desencadenará la llamada a los modelos de IA que necesite y cuando termine el procesamiento el sistema me retornara al correo el resultado. Adicionalmente, durante el proceso utilizaré un Arduino para que me vaya mostrando las fases del proceso vía LEDs y una señal sonora.

A lo largo de los próximos días, voy a abrir el capó de este caso de uso o maqueta. Publicaré píldoras técnicas desgranando cada paso (Webhooks, orquestación, integración de hardware) y terminaremos con un vídeo del sistema en plena acción.

La tecnología solo tiene sentido si nos ahorra tiempo y nos hace la vida más fácil. La IA no se queda atrapada en tu pantalla, te mostraré como enciende unos pequeños e inofensivos LEDs, pero como bien sabes en la actualidad se está utilizando en armas autónomas en conflictos armados reales.

¿Qué proceso real automatizarías tú? Te leo en comentarios 👇.

Automatización o Atontación

La automatización ha traído a nuestra sociedad enormes beneficios, pero al mismo tiempo está produciendo una atontación generalizada de las personas. Existe gran cantidad de estudios que indican que las personas están perdiendo capacidades que podrían llevarnos a ser incapaces de resolver problemas, sobretodo en momentos críticos.

La automatización entusiasta del ser humano por la máquina inteligente que crece en poderes le llevará a la inutilidad Frases y Citas - http://akifrases.com

Benjamín Solari Parravicini, fue un pintor y escultor argentino. Es muy conocido por los dibujos «proféticos» que realizó en el transcurso de su vida. También conocido como el Nostradamus argentino

Por ejemplo, si tomamos el caso de los pilotos de aviónel abuso de los sistemas de vuelo automáticos, produce una degradación de las habilidades de los pilotos. Esta sin embargo, tan solo es puesta en evidencia en situaciones criticas en las cuales es necesario volver a retomar los mandos del avión.  Por desgracia, estas situaciones ya se han cobrado varios accidentes mortales.

Leer Más