Repolode
Enviar
pixel-agents-hq

pixel-agents-hq/pixel-agents

Uma extensão do VS Code e um app de navegador independente que mostra seus agentes do terminal do Claude Code como personagens animados em pixel art trabalhando em um escritório virtual.

Ver no GitHub
Estrelas
10,091
Forks
1,715
Issues abertas
111
Último commit
há 4 dias

O que é?

O Pixel Agents transforma cada sessão do Claude Code em um personagem animado em pixel art, dentro de um pequeno escritório. Os personagens caminham até suas mesas, digitam enquanto editam arquivos, leem enquanto fazem buscas e exibem um balão de fala quando aguardam uma entrada ou permissão. Assim, quem executa vários agentes ao mesmo tempo consegue ver rapidamente quais estão ocupados e quais precisam de atenção.

O projeto oferece duas opções com a mesma base de código: uma extensão do VS Code, que inicia agentes nos terminais do VS Code e renderiza o escritório em um painel, e uma CLI independente (`npx pixel-agents`), que inicia um servidor local e disponibiliza o mesmo escritório no navegador. Essa opção funciona bem com tmux e em fluxos de trabalho remotos ou fora do VS Code. É possível editar os layouts do escritório, incluindo pisos, paredes, móveis, tapetes, animais de estimação e áreas nomeadas, e exportá-los como JSON.

Atualmente, o Claude Code é o único agente compatível. A integração usa uma interface de provider tipada, para que outros CLIs possam ser adicionados em subdiretórios, e o roadmap do projeto lista Codex, Gemini e Cursor.

Recursos principais

  • 01Cada terminal do Claude Code tem seu próprio personagem animado, que reflete a atividade atual.
  • 02Balões de fala e alertas sonoros opcionais indicam quando os agentes aguardam uma entrada ou permissão.
  • 03Subagentes e Agent Teams aparecem como personagens separados.
  • 04Editor de layout integrado para pisos, paredes, móveis, tapetes e animais de estimação animados.
  • 05Funciona como extensão do VS Code ou como app independente no navegador via npx.

Casos de uso

  • Acompanhar várias sessões do Claude Code em paralelo no VS Code.
  • Monitorar agentes pelo navegador ao trabalhar com tmux ou em uma máquina remota.
  • Identificar qual agente está parado aguardando aprovação sem precisar alternar entre terminais.

Início rápido

  1. 1

    Instale a extensão do VS Code pelo Marketplace ou Open VSX

  2. 2

    Execute a CLI independente na pasta do seu projeto

    npx pixel-agents
  3. 3

    Ou instale a CLI globalmente e depois execute-a

    npm install --global pixel-agents

Antes de usar

  • No momento, apenas Claude Code é compatível; outras ferramentas de IA estão nos planos para o futuro.
  • É necessário ter a CLI do Claude Code instalada e configurada, além do VS Code 1.105.0 ou superior ou do Node.js 20 ou superior.

Em coleções

Ferramentas, skills e plugins para Claude CodeFrameworks e apps de agentes de IA open sourceFerramentas de CLI e terminalDiagramas, gráficos e visualizações animadas

Tópicos

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

Perguntas frequentes

O que é pixel-agents?
Uma extensão do VS Code e um app de navegador independente que mostra seus agentes do terminal do Claude Code como personagens animados em pixel art trabalhando em um escritório virtual. O Pixel Agents transforma cada sessão do Claude Code em um personagem animado em pixel art, dentro de um pequeno escritório. Os personagens caminham até suas mesas, digitam enquanto editam arquivos, leem enquanto fazem buscas e exibem um balão de fala quando aguardam uma entrada ou permissão. Assim, quem executa vários agentes ao mesmo tempo consegue ver rapidamente quais estão ocupados e quais precisam de atenção.
pixel-agents é gratuito? Qual é a licença?
pixel-agents é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
pixel-agents ainda é mantido?
Manutenção ativa. O último commit de pixel-agents foi em 3 de nov. de 2026.
Para que posso usar pixel-agents?
Acompanhar várias sessões do Claude Code em paralelo no VS Code. Monitorar agentes pelo navegador ao trabalhar com tmux ou em uma máquina remota. Identificar qual agente está parado aguardando aprovação sem precisar alternar entre terminais.
Como instalar pixel-agents?
Instale a extensão do VS Code pelo Marketplace ou Open VSX Execute a CLI independente na pasta do seu projeto: npx pixel-agents Ou instale a CLI globalmente e depois execute-a: npm install --global pixel-agents
Onde consigo pixel-agents?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/pixel-agents-hq/pixel-agents

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados