TabbitBlog

Usar GitHub Copilot CLI com um navegador conectado

Conecte o fluxo local do Copilot CLI ao Tabbit Browser, verifique a sessão e revise a prévia de um PR em uma tarefa separada.

Neste artigo
  1. Principais pontos
  2. O papel de cada parte
  3. 1. Confira se o Copilot CLI encontrou o skill
  4. 2. Confira a conexão local com o Tabbit
  5. 3. Compare o diff do PR com a prévia
  6. Quando escolher Tabbit
  7. Escolha conforme onde o agente roda
  8. Este fluxo serve para você?

O GitHub Copilot CLI pode usar agent skills para orientar o trabalho local no terminal, mas o GitHub não documenta um conector nativo para o Tabbit Browser. Para revisar uma prévia com login, instale o Tabbit Browser e o skill do Tabbit CLI. Depois confirme que o Copilot CLI carrega o skill e executa o launcher local. O login do site fica no perfil Tabbit escolhido, não na autenticação GitHub do Copilot.

Isso ajuda quando uma prévia de pull request só abre com sua conta. Peça primeiro ao Copilot CLI que resuma o diff no terminal. Em seguida, use uma tarefa Tabbit separada para verificar a página. Ela mantém suas próprias abas enquanto você continua trabalhando nas outras. Salve uma nota de revisão e deixe o PR intacto até aprovar o próximo passo.

Um usuário do r/GithubCopilot relatou que o Copilot abria novos terminais enquanto ele trabalhava. É uma experiência individual, mas mostra por que vale separar a revisão em uma tarefa nomeada. Leia a discussão.

Principais pontos

  • Copilot CLI é o cliente de programação; Tabbit CLI é a conexão local com o navegador. São programas diferentes.

  • O GitHub lista .github/skills, .claude/skills, .agents/skills, ~/.copilot/skills e ~/.agents/skills como locais para skills. Cada pasta precisa de SKILL.md.

  • Ver o skill só confirma que foi encontrado. Verifique também o launcher e o perfil Tabbit correto.

  • Um skill pode solicitar comandos locais. Revise o skill e seus scripts; mantenha a confirmação para comandos não verificados.

  • Nomeie a tarefa de navegador e salve uma nota local. Confirme tudo antes de enviar ou publicar alterações.

O papel de cada parte

ParteFunçãoO que confirmar
GitHub Copilot CLILê o código e executa ferramentas de terminal permitidasSessão local, repositório correto e permissões necessárias
Skill do CopilotFornece instruções e scripts opcionaisSKILL.md em uma pasta suportada e visível após recarregar
Tabbit CLIPermite que um agente local use o Tabbit BrowserO launcher encontra a instância esperada
Perfil Tabbit BrowserGuarda abas e logins dos sitesA prévia mostra a conta ou projeto correto
Nota de revisãoGuarda descobertas para uma pessoa verificarArquivo local; não afirma que o PR mudou

O GitHub descreve skills como pastas de instruções que podem incluir scripts ou recursos. Também alerta que pré-aprovar shell ou bash remove uma etapa de confirmação. Consulte o guia de skills do Copilot CLI e a referência de comandos.

1. Confira se o Copilot CLI encontrou o skill

Para usar o fluxo em vários repositórios, coloque um skill pessoal em ~/.copilot/skills ou ~/.agents/skills. Para um projeto, use .github/skills, .claude/skills ou .agents/skills no repositório.

~/.agents/skills/
└── tabbit/
    └── SKILL.md

O início rápido do Tabbit CLI explica a instalação e o skill. Reinicie o Copilot CLI ou execute /skills reload em uma sessão interativa. Para invocar um skill explicitamente, use o nome registrado com /. Se o skill Tabbit aparecer como tabbit, peça Use the /tabbit skill to inspect this preview. e confirme com /skills info tabbit. Depois peça que o Copilot explique o comando local que pretende executar.

Encontrar o skill é só a primeira verificação. Ele precisa executar o launcher local, que por sua vez deve alcançar o navegador certo.

2. Confira a conexão local com o Tabbit

Abra o Tabbit Browser no mesmo computador que executa o Copilot CLI e entre no site com o perfil esperado. No início, leia a prévia sem alterá-la.

Use o caminho do launcher indicado para seu sistema. No macOS, o guia rápido mostra:

launcher="$HOME/.local/bin/tabbit-cli"
"$launcher" diagnose

Antes de iniciar a tarefa, confirme que o navegador correto está aberto. Se o Copilot vê o skill, mas não executa o launcher, verifique a permissão de shell e o ambiente local. O Codespaces não herda automaticamente o perfil do notebook, mesmo usando a mesma conta GitHub.

VerificaçãoEvidência de sucessoSe falhar
Descoberta do skilltabbit aparece nos skills disponíveisConfira caminho e nome de SKILL.md, depois recarregue
Acesso ao launcherCopilot o executa no host localVerifique permissão de shell e execução local
Navegador alvoTabbit CLI mostra a instância desejadaSelecione a instância antes de navegar
Login no siteA prévia mostra a conta ou projeto esperadoEntre manualmente pelo Tabbit e confirme novamente

A sessão existente só será reutilizada se a tarefa chegar ao mesmo perfil Tabbit. Isso não coloca senha ou cookie no prompt. Não inclua credenciais no prompt nem na nota.

Antes de uma tarefa longa, use a lista da primeira tarefa de browser agent. Se a página não aparecer, compare os fluxos local e em nuvem e as opções para conectar a um navegador existente. O guia de configuração do Codex com Tabbit explica o mesmo limite local para outro cliente.

3. Compare o diff do PR com a prévia

Peça ao Copilot CLI que liste as rotas alteradas e as mudanças visuais esperadas. Depois verifique essas páginas usando uma tarefa Tabbit nomeada. As abas da tarefa ficam separadas, então você pode continuar com o diff nas outras.

Uma pessoa que ajudou a implantar Copilot CLI na empresa contou que precisou ajustar caminhos e metadata para compartilhar skills entre ferramentas. É uma experiência de uma versão específica, mas vale confirmar se o formato aparece no cliente. Leia o relato original.

Depois de confirmar a conexão, experimente este prompt. Ele pede um rascunho local, não um comentário publicado no PR:

Compare o diff do pull request atual com a prévia autenticada no Tabbit Browser.
Crie uma tarefa Tabbit chamada "pr-482-preview-review". Revise apenas as rotas alteradas por este PR.
Não edite o site, não envie formulários, não comente e não faça merge.
Salve um rascunho Markdown local chamado "pr-482-release-preview-review.md" com:
- rota e título visível
- cada comportamento alterado que você verificou
- divergências e a evidência visível
- itens que não conseguiu verificar
Pare depois de salvar e mostre o caminho do arquivo para revisão.

É um exemplo, não um teste realizado. Troque o número e o arquivo, confirme o build da prévia e revise a nota antes de compartilhá-la. Se a página pedir login, mostrar o espaço errado ou oferecer uma ação sensível, pare para uma pessoa verificar.

Quando escolher Tabbit

Copilot CLI trabalha com código local; Tabbit Browser fornece o contexto do navegador; Tabbit CLI permite que um agente local compatível solicite uma tarefa. Considere esse caminho quando o login da prévia já está no Tabbit ou você quiser revisar a página enquanto continua programando.

Isso não significa que o Copilot CLI tenha suporte nativo ao Tabbit. A conexão depende do skill, do launcher local e da instância correta. O GitHub não certifica o Tabbit como integração oficial. Veja o guia Tabbit CLI, o guia do GitHub Copilot como browser agent e o guia de reutilização de login.

Escolha conforme onde o agente roda

AmbienteCaminho sugeridoExpectativa de login
Copilot CLI localTabbit CLI após verificar skill e launcherSessão válida do perfil escolhido
Copilot CLI no CodespacesTransferência local suportada, se houverNão herda o perfil do notebook
Prévia públicaMétodo autorizado para ler a páginaNão precisa de login
Prévia restritaTarefa local Tabbit com revisão humanaSessão fica no perfil escolhido

Controlar uma sessão Copilot de outro dispositivo não conecta essa sessão ao navegador local. Trate as conexões separadamente.

Este fluxo serve para você?

Use-o quando o navegador já estiver conectado e você precisar comparar uma página real com as alterações do código. Também pode servir para um painel de staging restrito, desde que o proprietário autorize.

Se um snapshot local, uma API ou um teste der a mesma evidência, não há necessidade de usar o navegador. Em páginas de produção, não substitua as aprovações do site por um prompt. Peça uma lista ao Copilot e confira você mesmo a página e o envio.

Uma revisão verificável deixa uma tarefa nomeada concluída, um arquivo local e a lista do que foi inspecionado. A resposta “pronto” não prova que a página carregou ou que o PR mudou.

Para praticar com uma fixture, veja o tutorial de agent-browser CLI ou o guia de automação de navegador.

Perguntas frequentes

O GitHub Copilot CLI controla um navegador por padrão?

O GitHub documenta skills e ferramentas de terminal para o Copilot CLI, mas as fontes consultadas não descrevem um conector integrado ao Tabbit Browser. Verifique se o cliente local carrega o skill e executa o launcher instalado.

Onde posso guardar um skill do Copilot CLI?

O GitHub documenta skills de projeto em .github/skills, .claude/skills ou .agents/skills, e skills pessoais em ~/.copilot/skills ou ~/.agents/skills. Cada pasta precisa ter SKILL.md.

Como recarrego um skill novo?

Em uma sessão interativa do Copilot CLI, use /skills reload depois de adicionar o skill. Também é possível reiniciar a sessão e conferir a lista de skills.

O Tabbit reutiliza o login do GitHub do Copilot CLI?

Não. A tarefa usa a sessão do site no perfil escolhido do Tabbit Browser. A autenticação GitHub do Copilot e o login no site são diferentes.

A tarefa do navegador pode alterar meu pull request?

Um prompt somente de leitura pode pedir ao agente que examine a prévia e salve uma lista local, mas não garante que ele só fará leituras. Revise as ações e o resultado antes de compartilhar.

O Codespaces reutiliza a sessão Tabbit do meu notebook?

Não automaticamente. O processo local precisa acessar o runtime do Tabbit em um host compatível. Um ambiente remoto exige uma transferência local suportada separadamente ou a execução local da etapa de navegador.

Dê o próximo passo

Deixe o Tabbit trabalhar ao seu lado.

Pesquise entre abas, automatize o trabalho repetitivo do navegador e mantenha todo o contexto ao alcance.