Mods de paneles para Claude Code: dashboards y paneles laterales
Los mods de paneles para Claude Code abren un panel junto a la transcripción con diffs, dashboards, logs o gráficos que se actualizan mientras Claude trabaja.
Todavía no hay mods probados en esta categoría. ¿Conoces uno bueno? Envíalo.
Los mods de paneles para Claude Code abren un panel junto a la conversación y lo mantienen actualizado mientras Claude trabaja. Los usos típicos son un diff en vivo de los cambios sin confirmar, un dashboard con resultados de tests, la cola de un log o un gráfico del uso de tokens a lo largo de la sesión. A diferencia de una barra de estado, un panel tiene espacio para tablas, listas y botones.
¿Cómo funcionan los mods de paneles para Claude Code?
Un mod abre un panel con $.ui.open(...) y lo dibuja gestionando ui.render para el punto de renderizado Pane. Dentro, construye la vista con elementos como Box, Text, Markdown, Code, Button, Input y Select, todos obtenidos de $.ui.resolve(e). Cuando pulsas un botón o escribes en un campo, el mod recibe ui.press, ui.input o ui.select. ui.close se dispara justo antes de que se cierre el panel, y $.ui.panes() lista los que están abiertos.
La mayoría de los paneles se abren desde un comando slash que el mod añade con $.command.register, y guardan sus datos en $.state para que la vista se vuelva a dibujar sola cuando cambian los datos. El propio comando /diff de Claude Code es un mod integrado construido así. La documentación de la interfaz describe cada elemento.
¿Qué deberías revisar antes de instalar uno?
Un mod de panel casi siempre muestra Modifica la interfaz y a menudo Añade comandos/herramientas. Lo importante es de dónde salen los datos. Un panel de diff necesita Ejecuta comandos para git. Un dashboard de logs o métricas puede necesitar Lee archivos o Red. Si un panel renderiza un elemento Client, ejecuta contenido web dentro del panel, así que lee el código fuente para ver qué carga.
Comprueba también en qué superficies funciona. Los paneles funcionan en la terminal y en la pestaña Code de escritorio, pero no se dibujan en claude -p, en el panel de chat de la extensión de VS Code ni en el Agent SDK, donde los mods solo ejecutan hooks.
¿Cuándo no conviene usar un panel?
Si solo necesitas un número, una barra de estado o una banda sobre el prompt ocupan menos espacio en pantalla. Si necesitas un aviso cuando algo termina, un toast es mejor opción. Los paneles se ganan su espacio cuando, de otro modo, tendrías una segunda terminal abierta junto a Claude Code, por ejemplo para ejecutar git diff una y otra vez o para vigilar un ejecutor de tests.
Preguntas frecuentes
- ¿Funcionan los mods de paneles para Claude Code en la aplicación de escritorio?
- Sí. Los paneles se dibujan en la terminal y en la pestaña Code de la aplicación de escritorio. Algunos elementos dependen de la superficie, por ejemplo Svg solo funciona en escritorio y Raster e Image solo en la terminal, así que revisa la página del mod.
- ¿Puede un panel ralentizar mi sesión?
- Un panel se vuelve a dibujar cuando cambia su estado. Uno bien escrito se actualiza con eventos como tool.call o turn.complete en lugar de con un temporizador rápido. Si un panel se nota pesado, ciérralo o desactiva el mod en /plugin.
- ¿Claude Code ya incluye algún mod de panel?
- Sí. El mod integrado de diff añade /diff, que abre un panel con los cambios sin confirmar agrupados por archivo y se actualiza a medida que se editan los archivos.