Criei a GUI de agente de programação com IA mais rápida e leve: 12 MB, 4x mais rápida e totalmente open source!

Autoria: AICodeKing · Assistir no YouTube

Vídeo de autoria do canal indicado, não da IANIA; todos os direitos pertencem ao criador. Transcrição, resumo e tradução gerados automaticamente; o conteúdo no idioma original é preservado na versão em idioma original.

Idioma original: inglês

Vídeo original: I built the fastest & lightest AI coding agent GUI - 12MB, 4X FASTER, Fully Opensource! · Canal: AICodeKing · 15:27 · Assistir no YouTube

Tópicos: Agentes de IA, Automação de tarefas e workflows, Ferramentas de desenvolvimento com IA, Privacidade e proteção de dados

Resumo

O vídeo apresenta Panda Code, um app desktop que reúne vários coding agents, projetos, Git, terminal, navegador e tarefas em uma única interface. O apresentador demonstra recursos como permissões, diffs, worktrees, integração com GitHub, equipes de agents, bots e execução em ambientes virtuais. Ele também destaca o baixo uso de recursos, ferramentas para reduzir o consumo de tokens e opções de automação. Por fim, explica as práticas de privacidade, a licença MIT e algumas limitações, como os apps ainda não serem assinados e certos recursos serem voltados principalmente a Macs.

Pontos-chave

Panda Code reúne vários coding agents e ferramentas de desenvolvimento em uma janela, sem cobrar pelo app nem exigir uma conta.
O app usa os coding agents já instalados e as contas que o usuário já possui, em vez de vender um modelo ou plano próprio.
A interface inclui seleção de modelos, modos de permissão, fila de mensagens, diffs por tarefa, terminal e navegador integrado.
Worktrees permitem que agents trabalhem em cópias e branches separados, com opções para mesclar alterações de volta.
O app oferece quadro de tarefas, integração com GitHub, equipes de agents e bots conectados a serviços de mensagens.
Agents podem operar em máquinas virtuais ou sandboxes na nuvem; há também opções para testar apps em simuladores e emuladores.
Recursos como estilos de resposta curtos, cache de instruções e continuação após a reposição de limites podem economizar tempo ou tokens.
Segundo o apresentador, os dados e as chaves ficam no computador, e os prompts são enviados somente ao agent ou serviço escolhido.
O app é open source sob a licença MIT; os instaladores ainda não são assinados e recursos de simulador e máquina virtual são principalmente para Mac.

Capítulos

Início	Capítulo	Resumo
00:00	Apresentação do Panda Code e instalação	O apresentador explica o problema de gerenciar vários coding agents em terminais separados, apresenta o Panda Code e mostra como instalá-lo.
02:08	Interface, modelos e interação com agents	A demonstração cobre projetos, seleção de agents e modelos, permissões, comandos, aprovações e o envio de mensagens durante uma tarefa.
05:22	Revisão de alterações, navegador e worktrees	O vídeo mostra diffs por turno, Git, navegador integrado, anexos, testes em dispositivos e worktrees para separar o trabalho dos agents.
08:32	GitHub, quadro de tarefas e equipes de agents	O apresentador demonstra a integração com GitHub, o quadro de tarefas, a organização de conversas e equipes com um architect e workers.
11:12	Bots, ambientes virtuais e economia de recursos	O Panda Code conecta agents a apps de mensagens e ambientes isolados, oferece opções de deploy e apresenta recursos para acompanhar limites e economizar tokens.
13:56	Privacidade, licença e limitações	O apresentador descreve o armazenamento local e as solicitações automáticas do app, explica a licença MIT e comenta limitações e avisos dos instaladores.

Citações

O Panda Code resolve isso. Ele executa todos os seus coding agents em uma única janela. — 00:31

Cada tarefa se lembra do próprio modelo. — 03:14

Um worktree é uma segunda cópia do seu projeto em uma branch própria. — 07:28

O Panda Code armazena tudo no seu computador, em um banco de dados local. — 13:56

Conceitos e entidades

Panda Code (ferramenta): App desktop open source que reúne coding agents e ferramentas de desenvolvimento em uma única interface.
Claude Code (ferramenta): Coding agent citado como uma das ferramentas que podem ser usadas por meio do Panda Code.
Codex (ferramenta): Coding agent que pode ser selecionado no Panda Code e usado em equipes de agents.
T3 Code (ferramenta): App comparado pelo apresentador ao Panda Code em tempo de inicialização e uso de memória.
GitHub (empresa): Serviço integrado ao Panda Code para visualizar repos, pull requests e issues.
Tart (ferramenta): Ferramenta mencionada para criar máquinas virtuais macOS e Linux em Macs com chips Apple.
Daytona (ferramenta): Serviço de sandbox na nuvem compatível com o Panda Code.
Cloudflare (empresa): Empresa citada como provedora de sandboxes na nuvem e destino para deploys.
AWS (empresa): Provedor de nuvem citado para sandboxes e deploys iniciados pelo Panda Code.
Jev (ferramenta): Complemento opcional que pode revisar o trabalho do agent, verificar regras do projeto e testar o app em uma janela separada do Chrome.

Tradução completa (pt-BR)

00:00 [música] >> Olá. Bem-vindos a mais um vídeo. Hoje quero mostrar algo que criei. Chama-se Panda Code. É um aplicativo de desktop para agents de programação. Se você acompanha meu canal, sabe que uso muitos agents de programação: Claude Code, Codex, Kimmy Code, Open Code, GLM, Mimo, Grok Build, Anti-Gravity, todos eles. Mas cada um roda no próprio terminal. Então, sempre fico com cinco terminais abertos. Um agent fica esperando uma aprovação que eu não vi. Outro terminou há 10

00:31 minutos e eu não sei qual agent alterou qual arquivo. Panda Code resolve isso. Ele roda todos os seus agents de programação em uma única janela. Você também tem seus projetos, Git, um terminal, um navegador, um quadro de tarefas, equipes de agents e bots na mesma janela. E é gratuito e open source. Você não precisa de uma conta nem de uma chave de licença. Ele não coleta nenhum dado seu, o que é simplesmente incrível. Agora, uma coisa importante. Panda Code não vende um modelo nem um plano para você. Ele usa as ferramentas de programação que você já instalou, com seus próprios logins. Então, se você paga pelo Claude, ChatGPT, Kimmy ou pelo plano de programação do GLM, Panda Code usa esse plano.

01:05 Você não paga nada a mais. Na minha opinião, é assim que deveria ser. Ele também é bem leve. Usa a visualização web que seu computador já tem. Então, não vem com uma cópia própria do Chrome. Também não roda um servidor node em segundo plano. Nos meus testes, a janela abriu em cerca de um terço de segundo. Ela usou cerca de 130 a 160 megabytes de memória quando estava ociosa. Também testei o T3 Code. A janela dele levou cerca de 3 segundos para abrir e usou cerca de 700 megabytes. Então, isso é muito bom. Vamos direto ao assunto. Primeiro, vamos instalá-lo. Acesse a página do Panda Code no GitHub. O

01:38 link está na descrição. Abra a página de lançamentos. Lá, você encontra três arquivos: um DMG para Macs com chips da Apple, um instalador para Windows e uma imagem de aplicativo para Linux. Os aplicativos ainda não têm assinatura. Então, na primeira vez, seu computador mostra um aviso. No Mac, abra os ajustes do sistema. Acesse Privacidade e Segurança. Depois, clique em Abrir Mesmo Assim. No Windows, talvez apareça uma caixa azul do SmartScreen. Clique em Mais informações e depois em Executar mesmo assim. No Linux, execute chmod +x na imagem de aplicativo e, em seguida, execute a imagem de aplicativo. Depois, instale o Git e, em seguida, instale

02:08 pelo menos um agent de programação e faça login nele. Por exemplo, instale o Claude Code e faça login como de costume. E pronto. Você já pode começar. Panda Code também se atualiza sozinho. Ele verifica se há novas versões em segundo plano. Só instala uma nova versão quando nenhum agent está trabalhando. Então, você só precisa baixá-lo uma vez. Agora, vamos dar uma olhada no aplicativo. À esquerda, fica a barra lateral. Ela mostra seus projetos e suas conversas. No meio, fica o chat. Na parte inferior, fica a caixa de prompt. Você também pode ver esses papéis de parede de anime. São 21. Cada dia da semana tem uma cena da manhã, uma da tarde e uma da noite. E a cor principal do aplicativo muda para combinar com o

02:41 papel de parede. Acho isso muito legal. Você pode desativar os papéis de parede nos ajustes. Também pode importar o tema de cores do VS Code. Vamos abrir um projeto. Clique em Abrir projeto e escolha uma pasta. Depois, clique em Nova tarefa ou pressione command N. Uma nova página é aberta e pergunta: “O que devemos criar?” A caixa de prompt está pronta para você digitar. Nela, você vê o seletor de modelo. Aqui, escolhe o agent e o modelo. Você pode escolher Claude Code com Opus ou Sonnet. Pode escolher Codex com os modelos GPT. Também pode escolher Kimiko, Open Code, GLM, Mimo, Grok Build e Antigravity. Você pode pesquisar na lista.

03:14 Ele mostra quanto contexto cada modelo tem. Você também pode definir o quanto o modelo pensa. Cada tarefa lembra o próprio modelo. Uma nova tarefa começa com o modelo que você usou por último. Para GLM e Mimo, basta colar sua chave de API nos ajustes. Então, Panda Code executa o Claude Code com essa chave. Suas chaves ficam no chaveiro do computador. Panda Code envia cada chave apenas ao respectivo provedor. Então, se você tem o plano de programação barato do GLM, essa é uma opção muito boa, sem dúvida. Ao lado do seletor de modelo, você pode definir o modo de permissões. Há quatro modos. Padrão significa que o agent pede sua aprovação antes de fazer coisas arriscadas. Aceitar

03:48 edições significa que o agent pode editar arquivos por conta própria, mas ainda pede sua aprovação antes de executar comandos. O modo Planejamento significa que o agent só pode ler. Ele analisa seu código e cria um plano. Acesso total significa que o agent pode fazer tudo sem pedir. Panda Code usa os modos nativos de cada agent para isso. Não adiciona uma camada falsa por cima. Agora, vou enviar um prompt. Vou digitar “Adicione um botão para ativar o modo escuro à página de ajustes.” Se quiser apontar para um arquivo, digite o sinal de arroba. Panda Code pesquisa nos arquivos do seu projeto. Use as setas para escolher um arquivo e

04:20 pressione Enter para adicioná-lo. Se digitar uma barra no início, você vê os comandos de barra e as skills do agent. Então, suas skills do Claude Code também funcionam aqui. Vamos enviar e ver. Certo. A resposta aparece ao vivo, com a formatação organizada. As etapas do agent, como ler arquivos, editar arquivos e executar comandos, ficam dentro desse pequeno painel de progresso. Assim, o chat fica organizado. Você só vê as partes importantes. Para ver cada etapa, basta clicar no painel. Às vezes, o agent precisa da sua aprovação. A solicitação aparece em uma barra fina logo acima da caixa de prompt.

04:51 Cada solicitação aparece em uma linha, com as opções negar e aprovar. Se houver várias solicitações, aparece uma linha com a opção aprovar todas, para você nunca deixar passar uma aprovação. Esse era meu maior problema com os terminais. Agora, aqui vai algo muito útil. Você pode digitar enquanto o agent trabalha. Se pressionar Enter, Panda Code coloca sua mensagem em uma fila. A mensagem é enviada quando o agent termina. Você pode ver a fila acima da caixa de prompt. Pode editar ou remover qualquer mensagem dela. Se pressionar command Enter, você redireciona o agent. Sua mensagem entra na execução atual imediatamente.

05:22 O agent muda de direção sem parar. Isso funciona com Claude Code e Code X. Os outros agents colocam a mensagem na fila. Isso é incrível, para falar a verdade. Às vezes, o agent faz uma pergunta. Por exemplo: qual opção você prefere? Você vê um pequeno cartão com as opções. Basta clicar em uma. Agora, vamos conferir o trabalho do agent. Panda Code salva as alterações de cada rodada. Abaixo de cada resposta, você vê os arquivos que aquela rodada alterou. Clique em um arquivo para abrir o diff. Você pode ver as alterações lado a lado ou em uma única coluna, com cores para o código. Assim, você vê exatamente o que mudou em cada rodada, não

05:53 apenas o total de toda a branch. O painel de alterações mostra o status do Git. Você pode conferir diffs, selecionar arquivos para fazer commit e criar o commit ali mesmo. Pressione command J para abrir um terminal de verdade na pasta da tarefa. Quando o agent menciona um arquivo na resposta, você pode clicar no nome dele para abri-lo. No painel de arquivos, você pode clicar em um arquivo HTML, SVG, uma imagem ou um PDF. Ele abre no navegador integrado. Sim, há um navegador integrado. Ele abre ao lado do chat. A primeira página lista todos os servidores locais do seu computador e suas respectivas portas.

06:24 Então, se seu aplicativo roda na porta 3000, você o vê ali mesmo. Você pode selecionar um elemento na página e adicioná-lo à sua mensagem. Também pode fazer uma captura de tela da página e enviá-la ao agent. Então, se um botão parecer errado, selecione-o e diga: “Corrija isto.” Perfeito. Também há um botão de execução. Seu projeto pode ter um arquivo chamado pandacode run.sh. Quando esse arquivo existe, pandacode mostra um botão de execução na parte superior. Clique nele e pandacode inicia seu aplicativo no próprio terminal. Depois, abre o aplicativo no navegador. E você não precisa escrever esse arquivo por conta própria. Pandacode pede aos agents que o escrevam e mantenham atualizado.

06:57 data. Se você cria aplicativos para dispositivos móveis, o pandacode oferece suporte ao simulador do iOS e ao emulador do Android. O telefone aparece à direita, ao lado do chat. Você pode navegar pelo aplicativo ali mesmo. Os agents também podem controlar o telefone, então podem testar o que acabaram de criar. Isso também é muito legal. Agora, vamos falar sobre anexos. Clique no botão de mais na caixa de prompt. Você pode anexar imagens, PDFs, documentos, pastas inteiras ou arquivos do projeto. Também há uma ferramenta de esboço. Desenhe um layout aproximado do que você quer e envie o desenho para o agent. Você também pode criar painéis de referências. Um painel de referências é um conjunto de imagens de referência para um projeto.

07:28 Adicione algumas imagens e legendas e, em seguida, anexe o painel a uma mensagem. Os agents também podem abrir os painéis por conta própria. Agora, vamos falar sobre árvores de trabalho. Isso é importante quando você executa vários agents no mesmo projeto. Uma árvore de trabalho é uma segunda cópia do seu projeto em uma branch própria. Acima da caixa de prompt, há uma barra. Ela mostra o projeto, a pasta e a branch. Clique no nome da branch e, em seguida, você pode mover a tarefa para uma nova árvore de trabalho. Agora o agent trabalha na própria cópia, em uma branch própria. Assim, ele não interfere no que os outros agents fazem.

08:01 Quando o agent termina, clique novamente no nome da branch e escolha mesclar na main. O Panda Code mescla os commits salvos na sua branch main no computador. Se você tiver alterações que não foram commitadas, ele para e não altera nada. Ele faz o mesmo se houver um conflito. Depois da mesclagem, ele oferece a opção de remover a árvore de trabalho. Você também pode trocar de branch pelo mesmo menu. Por exemplo, voltar direto para a main. Então, todo o fluxo da árvore de trabalho leva cerca de dois cliques, o que é ótimo mesmo. Você também pode ativar o GitHub. Isso usa a ferramenta GH do GitHub.

08:32 Você tem uma visualização do GitHub com seus repos, as conversas deles, pull requests e issues. A partir daí, você pode revisar um pull request, corrigir verificações com falha, fazer a mesclagem ou resolver uma issue. Cada ação exige um clique. Cada uma abre como uma conversa na lateral, para que você possa continuar conversando com o agent. Quando um agent abre um pull request em uma tarefa, o Panda Code o vincula àquela tarefa. Você pode vê-lo e fazer a mesclagem pela aba de PR da tarefa. Agora, vamos falar sobre várias tarefas ao mesmo tempo. Clique em Board, na parte superior. Você verá um quadro de tarefas com quatro colunas: pendente, em andamento, revisão e concluído. Adicione uma

09:05 tarefa com título e descrição. Ela fica aguardando em pendente. Clique em Iniciar e o agent escolhido começa a trabalhar. Quando o agent termina, a tarefa passa para revisão. Quando estiver satisfeito com o resultado, marque-a como concluída. O Panda Code arquiva as tarefas concluídas depois de 7 dias. O quadro mostra tarefas de todos os seus projetos. Você pode abrir qualquer tarefa em um painel lateral e conversar com ela ali. A barra lateral também ajuda. Em Todos os projetos, cada conversa aparece em uma linha sob o ícone do projeto. Você pode ver quais tarefas estão em execução, quais precisam de você e

09:36 quais foram concluídas. Você também pode fixar conversas e arrastá-las para a ordem que quiser. Se uma conversa for longa, pressione Command+F. Você pode pesquisar suas mensagens e as mensagens do agent. O Panda Code destaca todas as correspondências. Agora, vou mostrar as equipes de agents. Esse é um dos meus recursos favoritos. Clique no botão de equipe na caixa de prompt. Você terá um arquiteto e até três workers. O arquiteto cria um plano. Ele divide o trabalho em partes. Depois, atribui cada parte a um worker. Os workers trabalham ao mesmo tempo. E você pode combinar agents aqui, por exemplo. O arquiteto pode ser o Claude Opus. Um worker pode ser o Codex. Outro

10:08 worker pode ser o Kimmy ou o GLM. Cada worker aparece em uma linha no chat. Clique na linha para ver os detalhes daquele worker no canto superior direito. Quando os workers terminam, o arquiteto verifica o trabalho deles. Depois, ele apresenta um resumo e uma lista de todos os arquivos alterados. Você também pode salvar equipes com nomes nas configurações. Por exemplo, uma equipe barata com workers GLM ou uma equipe poderosa com Opus e Codex. Depois, você escolhe a equipe no seletor de modelos. Então, isso é muito legal. O Codex também oferece suporte a metas. Digite {slash} goal. Escreva o que você quer e, se quiser, defina um orçamento de tokens. O Codex continua trabalhando na meta, turno após turno. Um banner

10:41 mostra o progresso. Agora, vamos falar sobre bots. Isso é algo de que eu gosto muito. Você pode conectar um agent ao Telegram, Slack, Discord, WhatsApp ou a um chat web local. Assim, pode enviar mensagens ao bot pelo telefone. Depois, ele trabalha no seu projeto no computador. Cada bot tem seu próprio perfil, memória, agendamentos, canais e regras. Por exemplo, você pode criar um bot que envia um resumo do seu repo todas as manhãs. Cada conversa com um bot também é uma tarefa normal no Panda Code. Assim, você pode abri-la no seu

11:12 computador, ver o que o bot fez e continuar conversando com ele. A lista de bots na barra lateral mostra todos os bots com a mensagem mais recente de cada um. O Panda Code também pode executar agents em máquinas virtuais. Uma máquina virtual é um computador separado que funciona dentro do seu computador. Em Macs com chips Apple, o Panda Code pode criar máquinas virtuais com macOS e Linux. Para isso, ele usa a ferramenta gratuita Tart. Os agents podem ver a tela, clicar, digitar e executar comandos dentro delas. Assim, um agent pode testar seu aplicativo em uma máquina limpa sem mexer na sua máquina real. Se quiser usar a nuvem, o Pandacode também oferece suporte a sandboxes da Daytona,

11:45 Cloudflare e AWS. Também há um menu de deploy na parte superior. Você pode iniciar uma tarefa de deploy para Vercel, Cloudflare ou AWS. O agent usa as ferramentas de linha de comando deles com seu login. Você aprova cada comando antes. O Pandacode também oculta suas chaves na saída. Agora, vamos falar sobre os recursos que economizam tempo e dinheiro. Primeiro, o uso dos agents. Clique no ícone de atividade na parte superior. Você verá os limites de cada agent instalado. Por exemplo, seus limites de 5 horas e semanais do Claude e seus limites do Codex. Você também verá quando cada limite será redefinido. Ele também estima quanto custaria seu uso se você pagasse o preço da API.

12:19 Você pode ver isso em um gráfico por semana, mês ou ano, com uma divisão por modelo. Considere esse valor apenas uma estimativa, mas é interessante ver quanto você aproveita do seu plano. Se atingir um limite no meio de uma tarefa, escolha retomar quando o limite for redefinido. O Pandacode continua a tarefa automaticamente quando seu limite é redefinido, então você não precisa ficar esperando. Segundo, o economizador de tokens. Você pode ativar estilos de resposta curta para cada tarefa. Há os estilos homem das cavernas, código enxuto e ferramentas silenciosas. Eles fazem o agent escrever respostas mais curtas, então você usa menos tokens, e o Pandacode envia essa instrução somente

12:50 quando você a altera, não em cada mensagem. Assim, o economizador de tokens não desperdiça tokens consigo mesmo. O Pandacode também economiza tokens de outras maneiras. O Claude Code recebe as instruções próprias do Pandacode uma vez e depois as reutiliza do cache, então elas custam quase nada por mensagem. Isso também torna as continuações mais rápidas. Quando um turno do Claude Code termina, o Pandacode inicia o próximo processo em segundo plano. Nos meus testes, a primeira palavra de uma continuação chegou em cerca de 4 segundos, em vez de cerca de 8, o que é muito bom mesmo. Terceiro, atualizações dos agents.

13:22 O Pandacode verifica se há novas versões dos seus agents de programação. Você pode atualizar cada um com um clique. Depois, há a sobreposição rápida. Pressione Command+Shift+Espaço em qualquer lugar do computador. Um iniciador pequeno será aberto. Você pode iniciar uma nova tarefa ou verificar suas tarefas em execução sem abrir o aplicativo. Então, se estiver no editor e tiver uma ideia, basta enviá-la. Também há mais atalhos. Command+K abre a paleta de comandos. Command+B mostra ou oculta a barra lateral. Command+vírgula abre as configurações. Command+mais e Command+menos aumentam ou diminuem o tamanho do aplicativo inteiro, não só do texto. Também há um complemento opcional chamado Jev.

13:56 Ele pode revisar o trabalho do agent, verificar as regras do seu projeto e testar seu aplicativo em uma janela separada do Chrome. Ele vem desativado por padrão. O Pandacode funciona perfeitamente sem ele, então você pode ignorá-lo, se quiser. Agora, vamos falar sobre privacidade, porque acho que isso é muito importante. O Pandacode armazena tudo no seu computador, em um banco de dados local. Seus prompts vão somente para o agent ou serviço que você escolher. Não há contas nem rastreamento. O Pandacode faz apenas três solicitações automáticas. Ele verifica se há novas versões dos seus agents de programação. Ele baixa um

14:27 lista pública de preços dos modelos para estimar os custos. E ele verifica se há atualizações próprias, o que você pode desativar. Suas chaves ficam no chaveiro do seu computador. O Pandacode é open source sob a licença MIT. Há uma regra extra simples. Se você compartilhar uma cópia dele, precisa dizer que é uma cópia do Pandacode. Assim, você pode ler o código, compilá-lo por conta própria e ajudar a melhorá-lo. Para compilá-lo por conta própria, clone o repo, execute npm ci, depois execute npm run desktop, e pronto. Agora, quero ser sincero sobre algumas coisas. Primeiro, os aplicativos ainda não são assinados

14:57 e, por isso, você verá esse aviso na primeira vez. Segundo, os recursos de simulador e máquina virtual são principalmente para Macs. Terceiro, o Pandacode depende dos próprios agentes de programação. Se um agent mudar alguma coisa, talvez o Pandacode precise de uma atualização para acompanhar, mas o Pandacode se atualiza sozinho, então você recebe essas correções automaticamente. No geral, é bem legal. Enfim, me contem o que acham nos comentários. Se gostaram deste vídeo, considerem fazer uma doação pela opção Super Thanks [música] ou se tornar um membro

15:27 clicando no botão de inscrição. Além disso, deixem um gostei neste vídeo [música] e se inscrevam no meu canal. Vejo vocês no próximo. Até lá, tchau.

Transcrição original

[00:00] [music] >> Hi. Welcome to another video. So, today I want to show you something that I made. It’s called Panda Code. It’s a desktop app for coding agents. If you watch my channel, you know that I use a lot of coding agents. Claude Code, Codex, Kimmy Code, Open Code, GLM, Mimo, Grok Build, Anti-Gravity, all of them. But, each one runs in its own terminal. So, I always have five terminals open. One agent waits for an approval that I didn’t see. Another one finished 10

[00:31] minutes ago and I don’t know which agent changed which file. Panda Code solves this. It runs all your coding agents in one window. You also get your projects, Git, a terminal, a browser, a task board, agent teams, and bots in the same window. And, it’s free and open source. You don’t need an account or a license key. It doesn’t collect any data about you, which is just amazing. Now, one important thing. Panda Code doesn’t sell you a model or a plan. It uses the coding tools that you already installed with your own logins. So, if you pay for Claude, ChatGPT, Kimmy, or the GLM coding plan, Panda Code uses that plan.

[01:05] You don’t pay anything extra. If you ask me, that’s how it should be. It’s also very light. It uses the web view that your computer already has. So, it doesn’t ship its own copy of Chrome. It doesn’t run a node server in the background, either. In my tests, the window opened in about a third of a second. It used about 130 to 160 megabytes of memory when idle. I tested T3 Code, too. Its window took about 3 seconds to open and it used about 700 megabytes. So, this is kind of great. So, let’s get right into it. First, let’s install it. Go to the Panda Code GitHub page. The

[01:38] link is in the description. Open the releases page. There, you get three files. A DMG for Macs with Apple chips, an installer for Windows, and an app image for Linux. The apps are not signed yet. So, your computer shows a warning the first time. On a Mac, open system settings. Go to privacy and security. Then, click open anyway. On Windows, you may see a blue SmartScreen box. Click more info, then click run anyway. On Linux, run chmod +x on the app image, then run the app image. Next, install Git, then install

[02:08] at least one coding agent and log into it. For example, install Claude code and log in like you normally do. And that’s it. You’re good to go. Panda code also updates itself. It checks for new versions in the background. It installs a new version only when no agent is working. So, you only download it once. Now, let’s look at the app. On the left, you have the sidebar. It shows your projects and your threads. In the middle, you have the chat. At the bottom, you have the prompt box. You can also see these anime wallpapers. There are 21 of them. Each day of the week gets a morning scene, an afternoon scene, and a night scene. And the app’s main color changes to match the

[02:41] wallpaper. I think that’s super cool. You can turn the wallpapers off in settings. You can also import your VS Code color theme. So, let’s open a project. Click open project and pick a folder. Then click new task or press command N. A new page opens and asks, “What should we build?” The prompt box is ready for you to type. In the prompt box, you see the model picker. Here, you pick the agent and the model. You can pick Claude code with Opus or Sonnet. You can pick Codex with the GPT models. You can also pick Kimiko, Open Code, GLM, Mimo, Grok Build, and Antigravity. You can search the list.

[03:14] It shows how much context each model has. You can also set how hard the model thinks. Each task remembers its own model. A new task starts with the model you used last. For GLM and Mimo, you just paste your API key in settings. Panda code then runs Claude code with that key. Your keys stay in your computer’s keychain. Panda code sends each key only to its own provider. So, if you have the cheap GLM coding plan, this is a really good option, for sure. Next to the model picker, you can set the permission mode. There are four modes. Standard means the agent asks you before it does risky things. Accept

[03:48] edits means the agent can edit files on its own, but it still asks before it runs commands. Plan mode means the agent can only read. It looks at your code and makes a plan. Full access means the agent can do everything without asking. Panda Code uses each agent’s own built-in modes for this. It doesn’t add a fake layer on top. Now, let me send a prompt. I’ll type “Add a dark mode switch to the settings page.” If you want to point at a file, type the at sign. Panda Code searches your project files. Use the arrow keys to pick a file and

[04:20] press enter to add it. If you type a slash at the start, you get the agent’s slash commands and skills. So, your Claude Code skills work here, too. Let’s send it and see. Okay. The answer comes in live with clean formatting. The agent’s steps, like reading files, editing files, and running commands, stay inside this small work for row. So, the chat stays clean. You only see the parts that matter. To see every step, just click the row. Sometimes the agent needs your approval. The request appears in a thin bar right above the prompt box.

[04:51] Each request is one line with deny and approve. If there are many requests, you get one line with approve all, so you never miss an approval. That was my biggest problem with terminals. Now, here’s something really useful. You can type while the agent work. If you press enter, Panda Code puts your message in a queue. It sends the message when the agent finishes. You can see the queue above the prompt box. You can edit or remove any message in it. If you press command enter, you steer the agent instead. Your message goes into the current run right away.

[05:22] The agent changes direction without stopping. This works with Claude Code and Code X. Other agents put the message in the queue. This is pretty amazing, to be honest. Sometimes the agent asks you a question. For example, which option do you want? You see a small card with the options. Just click one. Now, let’s check the agent’s work. Panda Code saves the changes from every turn. Below each answer, you see the files that turn changed. Click a file to open the diff. You can see the changes side by side or in one column with colors for the code. So, you see exactly what each turn changed, not

[05:53] only the total for the whole branch. The changes panel shows your Git status. You can look at diffs, pick files to commit, and make the commit right here. Press command J to open a real terminal in the tasks folder. When the agent names a file in its answer, you can click the file name to open it. In the files panel, you can click an HTML file, an SVG, an image, or a PDF. It opens in the built-in browser. Yes, there’s a browser built in. It opens next to the chat. The first page lists every local server on your computer with its port.

[06:24] So, if your app runs on port 3000, you see it right there. You can pick an element on the page and add it to your message. You can also take a screenshot of the page and send it to the agent. So, if a button looks wrong, select it and say, “Fix this.” Chef’s kiss. There’s also a run button. Your project can have a file called pandacode run.sh. When it does, pandacode shows a run button at the top. Click it, and pandacode starts your app in its own terminal. Then it opens your app in the browser. And you don’t need to write this file yourself. Pandacode asks the agents to write it and keep it up to

[06:57] date. If you make mobile apps, pandacode supports the iOS simulator and the Android emulator. The phone appears on the right side next to the chat. You can tap through your app right there. The agents can control the phone, too, so they can test what they just built. This is super cool, as well. Now, let’s talk about attachments. Click the plus button in the prompt box. You can attach images, PDFs, documents, whole folders, or project files. There’s also a sketch tool. Draw a rough layout of what you want and send the drawing to the agent. You can make mood boards, too. A mood board is a set of reference

[07:28] images for one project. Add some images and captions, then attach the board to a message. The agents can also open the boards on their own. Now, let’s talk about work trees. This matters when you run many agents on the same project. A work tree is a second copy of your project on its own branch. Above the prompt box, there’s a bar. It shows the project, the folder, and the branch. Click the branch name, then you can move the task into a new work tree. Now the agent works in its own copy on its own branch. So, it doesn’t break what the

[08:01] other agents do. When the agent finishes, click the branch name again, choose merge into main. Panda Code merges the saved commits into your main branch on your computer. If you have changes that you didn’t commit, it stops and changes nothing. It does the same if there’s a conflict. After the merge, it offers to remove the work tree. You can also switch branches from the same menu. For example, go straight back to main. So, the whole work tree flow takes about two clicks, which is great for sure. You can also turn on GitHub. This uses

[08:32] the GH tool from GitHub. You get a GitHub view with your repos, their threads, pull requests, and issues. From there, you can review a pull request, fix failing checks, merge, or solve an issue. Each action is one click. Each one opens as a thread on the side, so you can keep chatting with the agent. When an agent opens a pull request in a task, Panda Code links it to that task. You can see it and merge it from the task’s PR tab. Now, let’s talk about many tasks at once. Click board at the top. You get a task board with four columns: pending, in progress, review, and completed. Add a

[09:05] task with a title and a description. It waits in pending. Click start and the agent you picked starts working. When the agent finishes, the task moves to review. When you’re happy with it, mark it completed. Panda Code archives completed tasks after 7 days. The board shows tasks from all your projects. You can open any task in a side panel and chat with it there. The sidebar helps too. In all projects, each thread is one line under its project icon. You can see which tasks are running, which ones need you, and

[09:36] which ones finished. You can also pin threads and drag them into the order you want. If a thread is long, press command F. You can search your messages and the agent’s messages. Panda Code highlights every match. Now, let me show you agent teams. This is one of my favorite features. Click the team button in the prompt box. You get an architect and up to three workers. The architect makes a plan. It splits the work into parts. Then it gives each part to a worker. The workers run at the same time. And you can mix agents here, for example. The architect can be Claude Opus. One worker can be Codex. Another

[10:08] worker can be Kimmy or GLM. Each worker appears as one line in the chat. Click the line to see that worker’s details at the top right. When the workers finish, the architect checks their work. Then it gives you a summary and a list of all the changed files. You can also save named teams in settings. For example, a cheap team with GLM workers or a strong team with Opus and Codex. Then you pick the team from the model picker. So, this is kind of great. Codex also supports goals. Type {slash} goal. Write what you want and if you want a token budget. Codex keeps working on the goal turn after turn. A banner

[10:41] shows its progress. Now, let’s talk about bots. This is something that I really like. You can connect an agent to Telegram, Slack, Discord, WhatsApp, or a local web chat. So, you can message the bot from your phone. Then it works on your project on your computer. Each bot has its own profile, memory, schedules, channels, and rules. For example, you can make a bot that sends you a summary of your repo every morning. Every bot chat is also a normal task in Panda Code. So, you can open it on your

[11:12] computer, see what the bot did, and keep talking to it. The bots list in the sidebar shows every bot with its latest message. Panda Code can also run agents in virtual machines. A virtual machine is a separate computer that runs inside your computer. On Macs with Apple chips, Panda Code can make macOS and Linux virtual machines. It uses is free tool called Tart for this. The agents can see the screen, click, type, and run commands inside them. So, an agent can test your app on a clean machine without touching your real one. If you want to use the cloud instead, Pandacode supports Daytona,

[11:45] Cloudflare, and AWS sandboxes, too. There’s also a deploy menu at the top. You can start a deploy task for Vercel, Cloudflare, or AWS. The agent uses their command-line tools with your login. You approve every command first. Pandacode also hides your keys in the output. Now, let’s talk about the parts that save you money and time. First, agent usage. Click the activity icon at the top. You see the limits for every agent you installed. For example, your Claude 5-hour and weekly limits, and your Codex limits. You also see when each limit reset. It also estimates what your usage would cost if you paid the API price.

[12:19] You can see this for a week, a month, or a year with a chart and a split by model. Take it with a grain of salt because it’s only an estimate, but it’s fun to see how much value you get from your plan. If you hit a limit in the middle of a task, choose resume at reset. Pandacode continues the task by itself when your limit resets, so you don’t have to sit and wait. Second, the token saver. You can turn on short answer styles for each task. There’s caveman, lean code, and quiet tools. They make the agent write shorter answers, so you use fewer tokens, and Pandacode sends this instruction only

[12:50] when you change it, not with every message. So, the token saver doesn’t waste tokens on itself. Pandacode saves tokens in other ways, too. Claude code gets Pandacode’s own instructions once and then reuses them from its cache, so they cost almost nothing per message. It also makes follow-ups faster. When a Claude code turn ends, Pandacode starts the next process in the background. In my tests, the first word of a follow-up came in about 4 seconds instead of about 8, which is pretty good, for sure. Third, agent updates.

[13:22] Pandacode checks for new versions of your coding agents. You can update each one with one click. Then there’s the quick overlay. Press command shift space anywhere on your computer. A small launcher opens. You can start a new task or check your running tasks without opening the app. So if you’re in your editor and you get an idea, you just send it. There are more shortcuts, too. Command K opens the command palette. Command B shows or hides the sidebar. Command comma open settings. Command plus and command minus make the whole app bigger or smaller, not just the text. There’s also an optional add-on called Jev.

[13:56] It can review the agent’s work, check your project rules, and test your app in a separate Chrome window. It’s off by default. Pandacode works fully without it, so you can ignore it if you want. Now, let’s talk about privacy, because I think this matters a lot. Pandacode stores everything on your computer in a local database. Your prompts go only to the agent or service that you pick. There are no accounts and no tracking. Pandacode makes only three automatic requests. It checks for new versions of your coding agents. It downloads a

[14:27] public list of model prices for the cost estimates. And it checks for its own updates, which you can turn off. Your keys stay in your computer’s keychain. Pandacode is open source under the MIT license. There’s one small extra rule. If you share a copy of it, you must say that it’s a copy of Pandacode. So, you can read the code, build it yourself, and help make it better. To build it yourself, clone the repo, run npm ci, then run npm run desktop, and that’s it. Now, I want to be honest about a few things. First, the apps are not signed

[14:57] yet, so you see that warning the first time. Second, the simulator and virtual machine features are mostly for Macs. Third, Pandacode depends on the coding agents themselves. If an agent changes something, Pandacode may need an update to catch up, but Pandacode updates itself, so you get those fixes automatically. Overall, it’s pretty cool. Anyway, let me know your thoughts in the comments. If you like this video, consider donating through [music] the Super Thanks option or becoming a member

[15:27] by clicking the join button. Also, give this [music] video a thumbs up and subscribe to my channel. I’ll see you in the next one. Until then, bye.