Pixel Agents: tus agentes de Claude Code trabajando en una oficina pixel

Tienes tres sesiones de Claude Code abiertas. Una está escribiendo código, otra buscando archivos y otra lleva cinco minutos parada esperando a que le digas «sí». No te has dado cuenta, porque todas las terminales se ven igual.

Pixel Agents arregla eso de la forma más divertida posible: convierte cada agente en un personaje pixel que trabaja en una oficina. De un vistazo ves quién trabaja… y quién te está esperando.

Qué es Pixel Agents

Es una extensión gratis y de código abierto para VS Code creada por Pablo De Lucca. Tiene licencia MIT y casi 10.000 estrellas en GitHub. El proyecto empezó en pablodelucca/pixel-agents y ahora vive en la organización pixel-agents-hq (el enlace antiguo te redirige solo).

Lo que hace, según su README oficial:

• Un agente, un personaje. Cada terminal de Claude Code tiene su propio personaje animado. Caminan hasta su mesa, se sientan y se ponen a trabajar.
• Actividad en directo. El personaje se mueve según lo que hace el agente de verdad: escribir, leer o ejecutar comandos.
• Bocadillos. Avisan cuando un agente espera tu respuesta o necesita permiso.
• Sonidos opcionales. Un aviso cuando un agente termina su turno o pide permiso.
• Subagentes y equipos. Los subagentes (ayudantes temporales que lanza Claude) y los compañeros de los equipos de agentes aparecen como personajes aparte.
• Editor de oficina. Diseñas tu oficina con suelos, paredes y muebles.
• 6 personajes distintos, basados en el pack de pixel art Metro City de JIK-A-4.

Qué necesitas

• Claude Code instalado y funcionando. Ojo: Claude Code requiere un plan de pago de Claude (Pro, Max, Team o Enterprise) o una cuenta de la Claude Console.
• VS Code 1.105.0 o más nuevo para la extensión.
• Node.js 20 o más nuevo si prefieres la versión de navegador.
• Funciona en Windows, macOS y Linux.

Cómo instalarlo en VS Code

1. Instala la extensión. En VS Code abre la pestaña de Extensiones (el icono de los cuadraditos o Cmd+Shift+X en Mac, Ctrl+Shift+X en Windows), busca Pixel Agents e instálala. También la tienes en la página del Marketplace de VS Code y en Open VSX, por si usas un editor compatible.
2. Abre el panel de Pixel Agents, que aparece junto a la terminal.
3. Pulsa + Agent. Se abre un cajón con tus carpetas (Directories). Pulsa una y se lanza Claude Code dentro, con su personaje sentándose en la oficina.

Para que salgan las carpetas de tu proyecto, activa Settings → Show Workspace Folders. Con + Directory añades las tuyas: un nombre y una ruta.

Decora tu oficina

Pulsa Layout y entras en el editor. Puedes:

• Pintar suelos y paredes, con controles de color y contraste.
• Colocar muebles: moverlos, girarlos, cambiarles el color o quitarlos.
• Poner alfombras con tus colores.
• Añadir mascotas animadas. Si haces clic en una, interactúa contigo.
• Crear zonas con nombre y asignarles carpetas: los agentes de esa carpeta se sientan en su zona. Útil para separar proyectos.
• Deshacer y rehacer, e importar o exportar la oficina entera en un archivo JSON para compartirla.

La oficina puede crecer hasta 64 × 64 casillas: haz clic en el borde fantasma que rodea la cuadrícula. Tu diseño se guarda y se comparte entre todas tus ventanas de VS Code.

¿Quieres más muebles o personajes? En Settings → Add Asset Directory cargas packs externos de personajes, mascotas y muebles.

Sin VS Code: npx pixel-agents

Si trabajas desde la terminal o en un servidor remoto, hay una versión que se abre en el navegador. Desde la carpeta de tu proyecto:

cd /ruta/a/tu/proyecto
npx pixel-agents

Arranca un pequeño servidor en tu ordenador y te imprime una dirección para abrir la oficina en el navegador. Desde ahí también puedes lanzar agentes con + Agent. Incluso funciona desde el móvil.

Si la vas a usar a menudo, instálala para siempre:

npm install --global pixel-agents
pixel-agents

La extensión y la versión de navegador pueden funcionar a la vez. Comparten el diseño de la oficina, pero cada una lleva sus propios agentes.

Pídele a Claude que te lo monte

Si prefieres que Claude Code haga la parte de la terminal por ti, copia esto:

Quiero probar Pixel Agents (https://github.com/pixel-agents-hq/pixel-agents) sin VS Code.

1. Comprueba que tengo Node.js 20 o más nuevo con node -v. Si no, dime cómo actualizarlo y para.
2. Explícame en dos frases qué hará npx pixel-agents antes de ejecutarlo.
3. Cuando te diga «adelante», ejecútalo desde esta carpeta y dime qué dirección tengo que abrir en el navegador.
4. Recuérdame que no comparta esa dirección porque lleva un token.

No actives la opción Skip Permissions ni cambies nada de mi configuración de Claude Code sin preguntarme.

¿Merece la pena?

Si usas un solo agente, es un capricho bonito. Si tienes varios a la vez o trabajas con subagentes, es útil de verdad: el bocadillo te avisa en cuanto uno se queda esperando, y no pierdes minutos con un agente parado sin saberlo.

Y, sinceramente, ver a tu equipo de IA tecleando en una oficina pixel hace que programar se parezca un poco más a jugar.