¿CON QUÉ IA?A quién le sirve. Programadores que quieren dibujar y mantener esquemas de arquitectura junto a un agente de programación, en un caso de programadores que pide soltura técnica.
Qué hicieron
Drawgent es un único programa que conecta tu instalación de Claude Code, Codex u opencode con un tablero de Excalidraw (una pizarra para dibujar esquemas). Da al agente herramientas para el lienzo mediante MCP (un estándar para conectar la IA con otras herramientas). Le pides cosas en un panel de chat, escribes notas AGENT: en el lienzo o señalas con el puntero láser. El agente lee la escena y una captura de pantalla, edita en directo y enlaza cada caja con el código.
Cómo salió
La fuente no da cifras de rendimiento. Enumera límites: las versiones para macOS no se han probado en un Mac real, la conexión en vivo con Codex no está probada, las salas reflejan un solo tablero y las imágenes no se sincronizan.
Conviene saber
Necesitas tener ya instalado un agente y con la sesión iniciada. Para dibujar hace falta Chrome o Chromium, y la instalación busca o instala uno. Con Claude, --attach bifurca la sesión en lugar de unirse a ella.
Qué necesitas
- Un agente de programación ya instalado y con la sesión iniciada: Claude Code, Codex u opencode
- Drawgent, el programa que conecta el agente con Excalidraw (una pizarra para dibujar esquemas)
- Chrome o Chromium, que se necesita para dibujar; la instalación busca o instala uno
- Un repositorio de código del que quieras sacar el diagrama
Cómo hacerlo tú, paso a paso
- Comprueba que tu agente de programación está instalado y con la sesión iniciada.
- Instala Drawgent siguiendo la documentación del proyecto. Es un único programa.
- Conéctalo a tu agente. Con Claude, la opción --attach bifurca la sesión en lugar de unirse a ella.
- Pega el prompt de la ficha para que el agente genere un diagrama de arquitectura del código de tu repositorio.
- Trabaja sobre el lienzo: pide cosas en el panel de chat, escribe notas que empiecen por AGENT: o señala con el puntero láser.
- Pide que enlace cada caja con el código que representa.
- Guarda el archivo del diagrama en el repositorio y pide que lo actualice cuando describas un cambio.
Ayúdame a montar un flujo en el que un agente de programación pueda leer y editar un diagrama de [ruta o dirección del archivo de Excalidraw] mientras trabaja en [proyecto]. Empieza generando un diagrama de arquitectura del código de este repositorio y actualízalo cuando yo describa un cambio como [ejemplo de cambio]. Habrás terminado cuando el archivo del diagrama esté guardado en el repositorio y coincida con el código. Pregúntame antes de sobrescribir cualquier archivo existente.
Consejos
- Prueba primero con un diagrama pequeño. El proyecto reconoce que las versiones de macOS y la conexión en vivo con Codex no están probadas.
- Pídele confirmación antes de sobrescribir archivos existentes.
- Guarda el diagrama en el repositorio para que viaje con el código.
Preguntas frecuentes
¿Qué es Excalidraw?
Una pizarra online para dibujar esquemas a mano alzada. Drawgent la usa como lienzo compartido con el agente.
¿Para qué sirve un diagrama que se actualiza solo?
Para que la documentación del código no se quede vieja. Cuando describes un cambio, el agente actualiza el diagrama y lo mantiene unido al código.
¿Sirve para trabajar en equipo?
Las salas reflejan un solo tablero, así que se puede colaborar sobre un diagrama. El proyecto tiene límites, así que pruébalo con poco antes.
Fuentes
La conversación en Hacker News, 26 de septiembre de 2026 ↗En el directorio desde el 3 de octubre de 2026.
@german-noob.win en Bluesky
tidydesign en Substack