task-board: un panel de tareas en vivo para Claude Code, con un bichito por agente

task-board es un mod para Claude Code que abre un panel junto a la conversación y te muestra, en vivo, qué tareas están hechas, cuál está en curso, cuáles quedan pendientes y qué agente está trabajando en cada una.

Por qué existe

Cuando le pides a Claude Code algo grande, rara vez lo hace en un solo paso: arma un plan, lanza subagentes para explorar, implementar y revisar, y va tachando tareas. Todo eso pasa, pero lo ves repartido:

• La lista de tareas aparece en mitad del chat y se va quedando arriba según avanza la conversación.
• Los subagentes salen en "Tareas en segundo plano", sin decir en qué tarea está cada uno.
• Si reanudas la sesión, tienes que hacer scroll para reconstruir dónde ibas.

Con varios agentes en paralelo terminaba preguntándome lo mismo una y otra vez: ¿quién está en qué y cuánto falta? task-board pone las respuestas en un solo panel, siempre visible y actualizado en cada paso.

Qué muestra

• Progreso de la sesión: tareas hechas sobre el total, con una barra.
• Equipo: un bichito por agente, inspirado en la mascota de Claude. Claude va en terracota y cada subagente tiene su propio color y su nombre. Mientras trabajan caminan y parpadean; cuando terminan, cierran los ojos.
• Lista de tareas con el mismo estilo que la app: check gris para las hechas, spinner para la que está en curso y círculo punteado para las pendientes.
• Quién está en cada tarea: debajo de la tarea en curso aparecen los bichitos y los nombres de los agentes que trabajan en ella.

Sigue las herramientas que Claude usa para organizar su trabajo (TaskCreate, TaskUpdate, TodoWrite y el plan de la app de escritorio), también cuando las llama un subagente. Y si reanudas una sesión, reconstruye el tablero leyendo el historial y la lista de agentes, así que no empieza vacío.

Instalación

En una sesión de Claude Code en la terminal:

/plugin install task-board --marketplace angelitolm/task-board

Responde y para añadir el marketplace y elige el alcance user: así se carga en todas tus sesiones, en cualquier proyecto.

Desde la shell también funciona:

claude plugin install task-board --marketplace angelitolm/task-board

En la app de escritorio, donde /plugin no está disponible: pulsa + junto al cuadro del prompt, luego Plugins, Add marketplace con angelitolm/task-board y Add plugin.

Úsalo

No hay nada que configurar. Abre una sesión nueva y el panel Tareas aparece solo, acoplado junto a la conversación, en cuanto la ventana es lo bastante ancha. Si es estrecha, escribe:

/tablero

y lo abre a cualquier ancho. En la terminal dibuja una versión en texto, porque ahí no hay SVG.

Lo pruebas pidiéndole a Claude algo con varios pasos, por ejemplo "planifica y ejecuta esta refactorización con subagentes": verás el plan llenarse, la barra avanzar y a los bichitos caminando debajo de la tarea en la que trabajan.

Cómo está hecho

Claude Code permite modificar su propia interfaz con mods: un módulo de TypeScript que se engancha a eventos del motor y dibuja paneles. task-board usa cuatro piezas:

• tool.call: escucha las herramientas de tareas y actualiza el tablero, venga la llamada de la sesión principal o de un subagente.
• agent.spawn y turn.complete: saben cuándo nace y cuándo termina cada agente, y lo asignan a la tarea que su padre tenía en curso.
• $.state: guarda tareas y agentes en el estado de la sesión, así que un redibujado o una recarga no pierden nada.
• ui.render: dibuja el panel. En la app de escritorio usa SVG para los íconos de Iconsax y para los bichitos, animados con SMIL.

Hubo dos detalles que aprendí por las malas. El primero: registré el comando /tasks, que ya existe en Claude Code, y el error tumbaba todo el arranque del mod; ahora el panel se abre antes de registrar nada. El segundo: reconstruir el tablero desde el historial bloqueaba el arranque de la sesión unos 7 segundos, así que ahora corre en segundo plano y la sesión arranca en unos 40 ms.

Una limitación

Me hubiera gustado ponerlo como una tarjeta más en la barra lateral derecha de la app, junto a "Contexto" o "Conectores". Esa barra la dibuja la app y los mods no pueden añadir tarjetas, así que task-board vive en su propio panel, acoplado a la derecha de la conversación. Si algún día la app abre esa zona, será lo primero que cambie.

Conclusiones

task-board junta en un solo sitio lo que normalmente buscas en tres: el plan, el progreso y quién está trabajando en qué. Se instala con una línea, no necesita configuración y hace que las sesiones con varios agentes se entiendan de un vistazo (y, de paso, son más simpáticas).

Mira el código en GitHub; es open source con licencia MIT, así que las ideas y los PR son bienvenidos.