Repolode
Enviar
pixel-agents-hq

pixel-agents-hq/pixel-agents

Extensión de VS Code y aplicación web independiente que muestra a tus agentes de Claude Code como personajes animados de pixel art trabajando en una oficina virtual.

Ver en GitHub
Estrellas
10,091
Forks
1,715
Issues abiertos
111
Último commit
hace 3 días

¿Qué es?

Pixel Agents convierte cada sesión de Claude Code en un personaje animado de pixel art dentro de una pequeña oficina. Los personajes caminan hasta sus escritorios, teclean mientras editan archivos, leen mientras buscan y muestran un globo de diálogo cuando esperan una entrada o un permiso. Ayuda a quienes ejecutan varios agentes a la vez a ver de un vistazo cuáles están ocupados y cuáles necesitan atención.

El proyecto está disponible en dos formatos a partir de una misma base de código: una extensión de VS Code que inicia agentes en terminales de VS Code y muestra la oficina en un panel, y una CLI independiente (`npx pixel-agents`) que inicia un servidor local y ofrece la misma oficina en un navegador, ideal para flujos de trabajo con tmux, remotos y que no usan VS Code. Los diseños de oficina se pueden editar con pisos, paredes, muebles, alfombras, mascotas y áreas con nombre, y exportar como JSON.

Actualmente, Claude Code es el único agente compatible. La integración se basa en una interfaz tipada para proveedores, por lo que se prevé añadir otros CLI como subdirectorios. La hoja de ruta del proyecto incluye Codex, Gemini y Cursor.

Funciones clave

  • 01Cada terminal de Claude Code tiene su propio personaje animado, que refleja su actividad actual.
  • 02Los globos de diálogo y las alertas sonoras opcionales indican cuándo los agentes esperan una entrada o un permiso.
  • 03Los subagentes y Agent Teams aparecen como personajes independientes.
  • 04Editor de diseños integrado para pisos, paredes, muebles, alfombras y mascotas animadas.
  • 05Funciona como extensión de VS Code o como aplicación web independiente mediante npx.

Casos de uso

  • Llevar el control de varias sesiones de Claude Code que se ejecutan en paralelo en VS Code.
  • Supervisar agentes desde un navegador al trabajar con tmux o en una máquina remota.
  • Detectar qué agente está esperando una aprobación sin tener que cambiar de terminal.

Inicio rápido

  1. 1

    Instala la extensión de VS Code desde Marketplace o Open VSX

  2. 2

    Ejecuta la CLI independiente desde la carpeta de tu proyecto

    npx pixel-agents
  3. 3

    O instala la CLI de forma global y luego ejecútala

    npm install --global pixel-agents

Antes de usarlo

  • Por ahora solo se admite Claude Code; otros asistentes de IA están previstos para más adelante.
  • Se requiere tener instalada y configurada la CLI de Claude Code, además de VS Code 1.105.0 o posterior, o Node.js 20 o posterior.

En colecciones

Herramientas, skills y plugins para Claude CodeFrameworks y apps de agentes de IA open sourceHerramientas de CLI y terminalDiagramas, gráficos y visualizaciones animadas

Temas

#ai-agents#claude-code#vscode-extension#developer-tools#visualization#terminal#typescript

Preguntas frecuentes

¿Qué es pixel-agents?
Extensión de VS Code y aplicación web independiente que muestra a tus agentes de Claude Code como personajes animados de pixel art trabajando en una oficina virtual. Pixel Agents convierte cada sesión de Claude Code en un personaje animado de pixel art dentro de una pequeña oficina. Los personajes caminan hasta sus escritorios, teclean mientras editan archivos, leen mientras buscan y muestran un globo de diálogo cuando esperan una entrada o un permiso. Ayuda a quienes ejecutan varios agentes a la vez a ver de un vistazo cuáles están ocupados y cuáles necesitan atención.
¿pixel-agents es gratuito? ¿Qué licencia tiene?
pixel-agents es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿pixel-agents sigue mantenido?
Mantenimiento activo. El último commit de pixel-agents fue el 3 nov 2026.
¿Para qué puedo usar pixel-agents?
Llevar el control de varias sesiones de Claude Code que se ejecutan en paralelo en VS Code. Supervisar agentes desde un navegador al trabajar con tmux o en una máquina remota. Detectar qué agente está esperando una aprobación sin tener que cambiar de terminal.
¿Cómo se instala pixel-agents?
Instala la extensión de VS Code desde Marketplace o Open VSX Ejecuta la CLI independiente desde la carpeta de tu proyecto: npx pixel-agents O instala la CLI de forma global y luego ejecútala: npm install --global pixel-agents
¿Dónde consigo pixel-agents?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/pixel-agents-hq/pixel-agents

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados