Marca Personal | Don't Give up!

Microcontroller circuit transmitting data to a digital cloud network representation

Del sketch al escritorio. Cierro el círculo

14 junio, 2026 / jrgsanta / No hay comentarios

A lo largo de la semana os he mostrado cómo una idea en un simple boceto a mano alzada se convertía en una arquitectura real, donde Make orquestaba a tres agentes de IA (Investigador, Redactor y Director de Arte). Pero el verdadero reto estaba es hacer que la nube impactará en el mundo real, y ese es el paso que hoy os muestro.

Pero antes os dejo la referencia a los post anteriores relacionados:

Llegando al mundo físico 🔩🎛️

Para este final, he sacado a la IA de la pantalla y la he traído a mi escritorio. ¿Cómo? Construyendo un puente en tres pasos:

1️⃣ El Túnel (Ngrok)

El disparador en Make (orquestador): Al ejecutar el flujo, los módulos HTTP de Make envían un pequeño paquete de datos (formato JSON con {«encender»: true}). Make busca la dirección pública que hemos configurado en Ngrok y lanza el paquete a la red usando el protocolo estándar de internet (HTTP).

La nube necesita encontrar mi ordenador de forma segura. Ngrok crea ese túnel directo hacia un script local en mi equipo, esperando en el puerto establecido.

Nuestra red local (el router de tu casa) está diseñada para bloquear peticiones externas por seguridad. Aquí es donde entra Ngrok. Al ejecutarlo en el terminal, Ngrok crea un «túnel» seguro desde mi Mac hacia el exterior. Cuando el paquete de Make llega a los servidores globales de Ngrok, este simplemente lo pasa por ese túnel, atravesando tu cortafuegos sin problemas, y lo entrega directamente en el puerto designado de mi ordenador.

2️⃣ El Puente físico 🔗

El servidor Node.js (escuchador): El script server.js está escuchando pacientemente en el puerto designado. Al recibir el paquete web, lo abre, y lee la orden de encendido. Make habla el idioma de la web (JSON/HTTP), pero la placa de Arduino habla el idioma eléctrico (0 y 1). Node.js actúa de traductor: toma la orden de la web y la convierte en un simple carácter de texto: el número ‘1’.

Cuando Make va realizando su trabajo, va lanzando los mensajes a ese script. Instantáneamente, la señal viaja por el conector micro-USB de mi Mac directo a la placa Arduino.

3️⃣ El Mundo real 🎛️

Node.js envía carácteres ‘1’ a través de la salida serie del Mac, viajando por el cable físico Micro USB B directamente hacia la placa y hacia los pines indicados. El código en C++ que tengo preparado en el Arduino, que está en un bucle infinito escuchando el puerto serie, detecta los carácteres ‘1’. Al leerlos, ejecuta las instrucciones electrónicas: aplicar voltaje al Pin correspondiente, completando el circuito y encendiendo el LED que se le indique.

Nota: La IA gracias a su capacidad multimodal ayuda a identificar componentes, a determinar el valor de las resistencias (en mi caso con el daltonismo es una gozada) indicándonos con una foto su valor, se acabo buscar en las tablas.

La protoboard toma el control. Los LEDs del proceso van anunciando los pasos, la IA finaliza su redacción y, con un pitido del zumbador y todos los LEDs al mismo tiempo, el sistema me avisa físicamente de que tengo los dos correos listos para publicar.

Seguidamente os muestro mi bandeja de entrada tras enviar un mensaje con un tema a la dirección de correo de mi agente. Por cierto, he dejado parado el flujo en Make, ya que si recibiera un mensaje el flujo actuaría generando los correos y remitiéndolos al correo de origen, eso si yo me enteraría de la ejecución gracias a mi Arduino.

⭐️ Conclusión ⭐️

El Visual Thinking no es solo dibujar, es trazar el camino más limpio entre una idea y su ejecución.

En el vídeo os muestro como el flujo se completa en apenas un minuto: envío el correo de inicio, la IA procesa y las luces de mi mesa me avisan del éxito, y ya he recibido los correos con lo necesario para mi publicación. Es un vídeo sin demasiada edición, tan solo algunos cortes para encajar el audio, vamos nada espectacular.

La tecnología es compleja, pero cuando la hacemos visual y tangible, se vuelve magia. Deja tus comentarios y si quieres más detalles indícame lo que necesites que te amplíe.👇

#VisualThinking #IA #Ngrok #Arduino #Automatizacion

3D isometric data pipeline showing user request, data ingestion, validation, core processing, machine learning, data storage, real-time analytics, and user dashboard.

Del Sketch al escritorio: Píldora 3 – El Cerebro (Los Agentes)

9 junio, 2026 / jrgsanta / 1 comentario

Este post es continuación del post del Sketch al escritorio

En la Píldora 2 os presente al disparador de la Integración y hoy veremos “El cerebro”

🧠 El cerebro – Los Agentes

Siguiendo con la arquitectura del sistema que os presentaba, hoy entramos en el núcleo de la máquina. El correo ya ha entrado a través del WebHook en Make. ¿Y ahora qué?

Primero voy a pensar, ¿Cómo quiero que funcionen los agentes? ¿Qué esquema de agentes que necesito montar?, para dar respuesta a estas preguntas, como Visual Thinker, lo que utilizaré será un sketchnote del flujo…

Cuando ya lo tengo claro, voy a pasar a la acción. Utilizaré a Make como el director de orquesta para ir llamando consecutivamente a los tres agentes de Inteligencia Artificial que trabajaran en cadena:

1️⃣ El Investigador: Toma el tema y los detalles del correo, busca el contexto y estructura los datos en bruto. En un caso real ajustaríamos el modelo de IA a utilizar dependiendo de la calidad de las respuestas y del coste de los Tokens, ya que necesitaremos disponer de una cuenta de pago para usar la correspondiente API.

2️⃣ El Redactor: Coge esa investigación y la transforma en un post articulado, con el tono correcto para el blog. Ajustamos al modelo de IA más adecuado.

3️⃣ El Director de Arte: Analiza el texto final y diseña un prompt súper detallado para que yo pueda generar el sketchnote que lo acompañará. Ajustamos al modelo de IA más adecuado.

Listo, veamos como quedaría en Make usando tres modelos de IA de laboratorios diferentes…

Make - El cerebro tres modelos — Make – El cerebro tres modelos

Para mi caso de uso utilizaré únicamente Anthropic, así solo pago tokens en una de las plataformas, aunque en cada uno de los agentes utilizaré el modelo más eficiente en función de la tarea.

El cerebro - Solo con Anthropic — El cerebro – Solo con Anthropic

Todo esto estará orquestado visualmente dentro del mismo lienzo de Make y la información fluirá de un módulo de IA a otro, transformando una petición cruda de unas pocas líneas en dos correos de salida listos para publicar: uno con el texto y otro con las directrices visuales.

Mañana os presentaré el salto más arriesgado: sacar esta información de la nube y traerla al mundo físico.

Conectaremos con mi escritorio. 🔌👇

#AgentesIA #Make #InteligenciaArtificial #ArquitecturaVisual

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

7 junio, 2026 / jrgsanta / 3 comentarios

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.

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 👇.

Glowing blue and orange human silhouettes running and connecting to a network of bright nodes and lines.

Añade Nitro a tus procesos: Lean, IA y el arte de capturar ideas al vuelo

24 mayo, 2026 / jrgsanta / 1 comentario

Sé sincero ✋. ¿Has metido Inteligencia Artificial en tus procesos a lo loco esperando que trabaje por ti y ahora tienes un caos automatizado? O por el contrario, ¿sigues haciendo las cosas «a pedales» porque la avalancha de herramientas te tiene paralizado?

A todos nos ha pasado. Hemos comprado la falsa promesa de que la tecnología, por sí sola, nos va a salvar de la burocracia y la falta de tiempo. Pero la realidad es otra.

El pasado 21 de mayo de 2026, tuvimos la suerte de vivir el CLD2026 (Segundo Congreso Lean Design) en Zaragoza. El ambiente fue sencillamente excepcional, rematado con un taller interactivo que nos hizo salir a todos con la energía por las nubes. Pero si hubo un momento que conectó perfectamente los puntos entre tecnología y personas, fue la ponencia de mi gran amiga Verónica Rivas: «Añade Nitro a tus procesos con IA».

Conozco a Vero desde hace muchos años. Hemos compartido trincheras en talleres y ponencias, y si algo la define es que es una auténtica catalizadora. Siempre dispuesta a ayudar, siempre haciendo crecer a la gente a su alrededor. Y en su charla, dio en el clavo absoluto.

(Aquí te dejo el resultado final digitalizado de su ponencia)

CLD2026 - CAPA IA - Digital — CLD2026 – CAPA IA – Digital

🧠 Desmontando el mito: La IA no piensa por ti

Solemos olvidar algo fundamental: la IA no entiende tu problema. No valida si lo que estás haciendo tiene sentido para tu cliente y, desde luego, no elimina la necesidad del pensamiento crítico. De hecho, si tienes un proceso ineficiente y le aplicas Inteligencia Artificial sin pensar, lo único que vas a conseguir es amplificar tus errores a la velocidad de la luz.

Como bien plasmó Vero en su charla, la ecuación es simple:

Solo IA = Posibilidad de CAOS total.
Solo Lean = Iterar de forma segura, pero lleva mucho tiempo.

¿Dónde está la magia entonces? En combinar ambos mundos. LEAN + IA = Poder Exponencial. La Inteligencia Artificial debe entenderse como una capa transversal que potencia el resto de capas del diseño de tus procesos. Te permite iterar más rápido, reducir la curva de aprendizaje y automatizar esas tareas vacías que no aportan valor.

Pero para que esto funcione, necesitas la pieza clave de nuestro universo HumanIA: el Human in the loop. La tecnología necesita un buen contexto, necesita buenos prompts creados por humanos que entienden el propósito de lo que están haciendo. La validación final siempre es nuestra.

🎨 Behind the Scenes: Pensamiento Visual a dos velocidades

Quiero aprovechar este post para enseñarte algo de «las tripas» del blog. Como sabes, el Visual Thinking no va de hacer dibujos bonitos, va de estrategia, foco y resolución de problemas.

Mira cómo fue la captura original en directo durante la ponencia de Vero:

CLD2026 - CAPA IA - Analógico — CLD2026 – CAPA IA – Analógico

Fíjate en las diferencias. Hay dos momentos clave en el proceso de un sketchnoter:

El Directo (Supervivencia y Valor): Cuando estás con el rotulador en la mano frente al papel y el ponente está hablando, no hay tiempo para florituras. Aquí premia la captura de la idea. Importa pescar el concepto al vuelo, estructurar la información en tiempo real y no perder el hilo. Si la línea sale torcida o el retrato no es perfecto, da igual. Lo que importa es que el insight (el valor) quede atrapado en el lienzo.
El Digital (Consolidación y Fidelidad): El paso al iPad en casa es otro juego. Aquí tenemos tiempo para la reflexión. Añadimos color de forma estratégica para guiar el ojo del lector, limpiamos la estructura y aumentamos la fidelidad de elementos clave (como el retrato de Vero, que en digital hace más justicia a la realidad). Pero ojo, la regla de oro es mantener intacto el espíritu y las ideas de la ponencia original.

El primer boceto es para ti, para entender el problema, el segundo es para comunicarlo al mundo con claridad.

🎯 Y tú, ¿cómo estás añadiendo nitro?

No dejes que la tecnología te abrume, pero tampoco le des la espalda. Úsala para limpiar el ruido y centrarte en lo que de verdad importa: el valor humano. Don’t Give up!

Ahora te toca a ti reflexionar: ¿Estás metiendo a un humano en la ecuación (Human in the loop) antes de automatizar tus procesos? Y ya que estamos… ¿eres más de la adrenalina del rotulador en directo o de la tranquilidad de la tablet en el sofá?

Te leo en comentarios 👇

El ecosistema vivo

16 mayo, 2026 / jrgsanta / No hay comentarios

De Monolitos a Microservicios y Agentes Autónomos

Explicar la arquitectura de nuestros sistemas a un comité de dirección o a los stakeholders de negocio suele ser un reto. Tradicionalmente, la tecnología ha sido percibida como una caja negra inescrutable. Sin embargo, si queremos tener éxito en la transición hacia la Inteligencia Artificial, necesitamos que todos entiendan cómo están evolucionando las infraestructuras. No podemos gestionar lo que no podemos visualizar.

Imagina la evolución de nuestros sistemas como la transformación de una ciudadela antigua en una metrópolis moderna.

🪨 El Monolito

La Fortaleza de Piedra Durante años, hemos construido Sistemas Monolíticos. Visualízalo como un enorme y pesado bloque de piedra, robusto y unificado. En su interior, la interfaz, la lógica de negocio y los datos están completamente fusionados. Es seguro y soporta el peso de las transacciones diarias (nuestro Core), pero tiene un problema fundamental: la fricción y está cubierta de Deuda Técnica. Si quieres actualizar una sola ventana de esta fortaleza, tienes que paralizar toda la estructura. Moverlo es lento, pesado y arriesgado.

Seguimos manteniendo sistemas Legacy pero el reto está en ir transformándolos.

🔺 Microservicios y APIs

La Flota Ágil Para ganar velocidad, rompimos la piedra. Pasamos a ecosistemas de Microservicios. Imagina ahora una flota coordinada de pequeñas naves espaciales o bloques de Lego de colores. Cada bloque es independiente, hace una sola tarea a la perfección y se comunica con los demás mediante rayos de luz precisos (las APIs).

Esta arquitectura nos da agilidad: si una pieza necesita actualizarse, se cambia sin detener al resto de la flota. Y ahora estos sistemas pueden utilizar IA o ser sustituidos directamente por agentes IA.

🤖 Agentes de Inteligencia Artificial. Los Sherpas Digitales

De hoy en adelante, la arquitectura da un salto mucho más ambicioso. Ya no solo tenemos piezas reactivas, estamos incorporando Agentes de IA. Visualízalos como pequeños sherpas especializados que orbitan como drones alrededor de los usuarios y de las bases de datos.

Un asistente conversacional que navega por la documentación corporativa sin tocar los sistemas transaccionales, o agentes generados en entornos como Copilot 365 que asumen tareas específicas de forma casi autónoma.

💬 El mensaje para la dirección

La adopción de esta arquitectura híbrida e inteligente es inevitable. El éxito no radica en destruir la fortaleza de piedra de la noche a la mañana, sino en controlar esta transición con inteligencia. Nuestro reto como líderes es equilibrar la balanza: acelerar la velocidad de adopción de estas nuevas herramientas modulares, mientras garantizamos una seguridad extrema que proteja la confianza de nuestros usuarios.

La agilidad nos permite competir, la seguridad y la confianza nos permiten sobrevivir.