Pixel Agents convierte VS Code en una oficina pixel art para ver a tus agentes de IA trabajar en tiempo real

La idea parece sacada de un videojuego, pero ya es real. Pixel Agents es una extensión para VS Code que convierte a tus agentes de IA en personajes pixel art dentro de una oficina virtual, mostrando en tiempo real si están escribiendo código, leyendo archivos, ejecutando comandos o esperando tu intervención. Además de ser visualmente llamativa, la propuesta busca resolver un problema muy real: entender mejor qué está haciendo cada agente cuando trabajas con flujos cada vez más automatizados.

La herramienta es 100% gratis y open source, y por ahora su integración principal está centrada en Claude Code dentro de VS Code. Entre sus funciones destacadas están el seguimiento de actividad en vivo, burbujas visuales cuando el agente necesita atención, sonidos opcionales, visualización de subagentes y un editor para personalizar la oficina con paredes, pisos y muebles.

Otro detalle interesante es que su creador no la plantea como una simple curiosidad visual. En la documentación oficial se menciona que la visión del proyecto es volverse una interfaz agnóstica a plataforma y a agentes, es decir, que en el futuro pueda adaptarse a más entornos más allá de Claude Code. Eso hace que muchos desarrolladores ya la vean no solo como algo “bonito”, sino como una forma más intuitiva de supervisar sistemas multiagente.

Repositorio oficial
GitHub - pablodelucca/pixel-agents

Marketplace oficial
Pixel Agents en VS Code Marketplace

Pasos para instalarlo y usarlo

1. Tener VS Code 1.105.0 o superior. También necesitas Claude Code CLI instalado y configurado. La extensión soporta Windows, Linux y macOS.
2. La forma más sencilla de usarlo es instalar la extensión desde el VS Code Marketplace.
3. Luego abre el panel de Pixel Agents en la zona inferior de VS Code, junto al terminal.
4. Haz clic en + Agent para crear un nuevo terminal de Claude Code con su personaje correspondiente.
5. Empieza a trabajar con Claude y verás cómo el personaje cambia su comportamiento en tiempo real según la tarea que esté ejecutando.
6. Puedes hacer clic en el personaje para seleccionarlo y moverlo a otro asiento dentro de la oficina.
7. Si quieres personalizar el espacio, entra en Layout para editar pisos, paredes y mobiliario.

Pasos para instalarlo desde el código fuente
Si quieres probarlo como desarrollador o modificarlo, el repositorio oficial indica este flujo: clonar el repo, instalar dependencias en el proyecto principal y en webview-ui, ejecutar el build y luego presionar F5 en VS Code para abrir el Extension Development Host.