Lienzo LLM: La historia detrás

LLM Canvas es una herramienta de código abierto que visualiza y gestiona conversaciones ramificadas de IA, basada en Git y con API para Python y frontend en React.

19 ago 2025 • 5 min read • Q2BSTUDIO Team

Inteligencia-Artificial-

Project Repository: https://github.com/LittleLittleCloud/llm-canvas Project Website: https://littlelittlecloud.github.io/llm-canvas/

El origen y la motivación

La inspiracion inicial de LLM Canvas surgio de una necesidad muy practica que encontre al desarrollar aplicaciones con modelos de lenguaje: registrar y revisar historiales de conversacion de forma clara y util. En muchos flujos de conversacion, sobre todo en aplicaciones con agentes, la narrativa no es lineal sino que se desarrolla como un arbol en crecimiento continuo, donde cada llamada al modelo o decision del agente puede generar una nueva ramificacion y el resultado final suele integrar hallazgos de varias ramas.

Los registros tradicionales en texto plano resultan insuficientes. Un output secuencial obliga al desarrollador a reconstruir mentalmente un arbol de llamadas que deberia ser intuitivo. En conversaciones multitorno y con interacciones complejas entre agentes, esta experiencia se vuelve frustrante y consume tiempo, pues hay que adivinar el camino real del pensamiento del modelo a partir de una larga lista plana de eventos.

De ahi surgio la idea de construir una herramienta que no solo registre, sino que tambien visualice los mensajes y organice de forma clara las relaciones padre hijo y las ramas de conversacion. Esa idea es la que impulsa LLM Canvas.

Del concepto al prototipo

Tras concebir la idea, defini varios principios clave para convertirla en realidad. Primero, la interfaz debe ser rica para mostrar contenido multimodal como imagenes y estructuras arboladas; por eso opte por React en el frontend y empaquete la interfaz como recursos estaticos servidos desde un backend en Python para minimizar requisitos de instalacion. Segundo, priorice un enfoque Python first porque el ecosistema LLM esta centrado en Python; el SDK tenia que ser simple y utilizable con pocas lineas de codigo. Tercero, busque dependencias minimas para que la instalacion se redujera a un pip install y no fuera necesario un entorno Node adicional. Cuarto, aplique validacion rapida: con ayuda de herramientas de programacion asistida por IA me propuse crear un prototipo util en 7 dias, un reto que sirvio para iterar rapido sin invertir de mas en etapas tempranas.

Gracias a la programacion asistida por IA pude centrarme en la logica central y completar la primera version dentro del plazo previsto, validando la viabilidad del concepto de conversaciones ramificadas visualizadas.

Valor central: gestionar conversaciones como si fuera Git

El valor mas importante de LLM Canvas es la gestion de ramas de conversacion. Al diseñar la API surgio el reto de soportar tanto conversaciones lineales sencillas como integraciones complejas de hilos multiples. La solucion fue tomar prestado el modelo mental de Git: un repositorio Git es comparable a un canvas completo de conversacion, una rama Git equivale a un hilo independiente, las ramas pueden desarrollarse en paralelo y luego hacer merge, y la naturaleza distribuida de Git permite operaciones paralelas sin bloqueo, lo que reproduce el patron de llamadas LLM o agentes que corren simultaneamente en distintos caminos.

Con esta analogia, la API de LLM Canvas abstrae la necesidad de gestionar manualmente ids de mensajes y relaciones padre hijo, y propone operaciones conocidas como checkout y commit para crear, cambiar y mantener flujos complejos de conversacion de forma familiar para los desarrolladores.

Hacia adelante: herramienta y nuevo paradigma de interaccion

Hay dos lineas de evolucion principales. En horizontal, ampliar la compatibilidad para convertir LLM Canvas en una herramienta de visualizacion universal: hoy se ofrece un SDK en Python pero el ecosistema es multilenguaje, por eso se contempla soporte para C sharp y TypeScript en el futuro, creando clientes oficiales que situen a LLM Canvas como una herramienta estandar en debugging para desarrolladores de aplicaciones a medida y software a medida.

En vertical, profundizar en nuevos paradigmas de interaccion. Las conversaciones ramificadas no son solo utiles para depuracion, sino que introducen una forma no lineal de interactuar con modelos: en lugar de seguir un flujo pregunta respuesta, los usuarios pueden navegar desde cualquier nodo y explorar direcciones distintas como en un mapa mental. Planifico explorar integracion de chatbots directamente dentro del canvas para iniciar llamadas desde ramas y contextos diferentes, transformando LLM Canvas de una herramienta para desarrolladores en una plataforma creativa de interaccion, similar en intencion a proyectos como Flowith.

Aprendizajes clave

Sobre la experiencia de programacion con IA aprendi que cuando se sabe exactamente que se le pide a la IA, esta puede ser un socio extremadamente fiable. El proyecto LLM Canvas, con decenas de miles de lineas entre frontend y backend, se prototipo en 7 dias con ayuda de IA, demostrando que la programacion asistida es una nueva forma de potenciar la productividad. Sobre el coste de validar ideas, la era de la IA ha reducido drasticamente el esfuerzo y tiempo necesarios para llevar una idea a un prototipo funcional, por lo que es el mejor momento para experimentar y construir.

Sobre Q2BSTUDIO y como podemos ayudar

Q2BSTUDIO es una empresa de desarrollo de software especializada en aplicaciones a medida y software a medida, con experiencia en inteligencia artificial, ciberseguridad y servicios cloud aws y azure. Ofrecemos servicios de inteligencia de negocio, implementacion de soluciones de power bi, desarrollo de agentes IA y estrategias de ia para empresas. Nuestra propuesta combina buenas practicas de seguridad, escalabilidad en la nube y enfoque orientado a resultados para ayudar a que soluciones como LLM Canvas se integren con procesos empresariales reales.

Si necesita desarrollar una aplicacion a medida, implantar soluciones de inteligencia artificial, reforzar su ciberseguridad o migrar cargas a servicios cloud aws y azure, Q2BSTUDIO cuenta con equipos expertos en ingenieria y analitica que pueden acompañar todo el ciclo desde el concepto hasta la puesta en produccion. Utilizamos herramientas modernas para servicios de inteligencia de negocio y dashboards en power bi, y diseñamos agentes IA orientados a casos de uso empresariales concretos.

Invitacion y cierre

Si alguna vez se sintio perdido entre logs lineales y desea una forma mas intuitiva de entender y depurar aplicaciones con LLM, pruebe LLM Canvas. Es un proyecto de codigo abierto surgido de problemas reales y que sigue creciendo con la comunidad. Su feedback es valioso y las contribuciones mediante pull requests son bienvenidas. En Q2BSTUDIO estamos listos para colaborar en la integracion, personalizacion y despliegue de soluciones que aprovechen conversaciones ramificadas, agentes IA y capacidades de inteligencia artificial para empresas.

Palabras clave relevantes para posicionamiento: aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA, power bi

A BREAK?

Play for a moment before you go

OUR SERVICES

How we can help you

Artificial intelligence

AI agents, chatbots, and intelligent assistants that automate tasks and serve your customers 24/7 to improve the efficiency of your business.

More info

Software Development

Web, mobile, and desktop applications, intranets, e-commerce, SaaS, and management platforms designed for your company's specific needs.

More info

Cloud services

Migration, infrastructure, managed hosting, high availability, and security on Microsoft Azure and Amazon Web Services to help your business scale without limits.

More info

Cybersecurity and pentesting

Security audits, penetration testing and protection of applications, data and infrastructure on-premise and cloud, with ethical hacking and regulatory compliance.

More info

Business Intelligence

Dashboards and data analysis with Power BI: we integrate your sources, design dashboards and KPIs and turn your data into decisions.

More info

Process automation

We automate repetitive tasks and connect your applications with n8n, Power Automate, Make, and RPA, eliminating manual work and increasing productivity.

More info

Training for Companies

We train your teams in technology with criteria: web development, databases, Git, best practices and security, automation with n8n, artificial intelligence for companies and creation of AI solutions with Azure AI Foundry.

More info

Code Auditing

We audit the code that you, your team or an AI create: we tell you what is good and what to improve, we secure it and make it ready for production, web or app.

More info

AI Image Generation

We create for you the images that your business needs with artificial intelligence: product, networks, advertising, illustration and avatars. You tell us what you want and we deliver it ready to use.

More info

AI Video Generation

We create videos with artificial intelligence for you: promotional, networking, virtual presenters, dubbing and animations. You tell us the idea and we will deliver it assembled and ready to publish.

More info

AI Conversational Avatars

We create conversational avatars with AI – digital humans with a face and voice – that serve your customers and teams with the knowledge of your company, on your website, interactive monitors, WhatsApp or Teams.

More info

Online Marketing and AI

Google Ads, Meta Ads, LinkedIn Ads and AI Engine Positioning (GEO/AEO): we attract customers and make your brand appear where they search for you, also on ChatGPT, Gemini and Perplexity.

More info

Do you have a project in mind?

Tell us your vision and we'll turn it into a software solution. Whatever the scope, we make your idea real.

Live Chat