Como usar Claude, Codex e BYOK no GitHub Copilot para VS Code | GitHub Copilot Day

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: How to use Claude, Codex, and BYOK in GitHub Copilot for VS Code | GitHub Copilot Day · Canal: GitHub · 08:17 · Assistir no YouTube

Tópicos: Agentes de IA, Ferramentas de desenvolvimento com IA

Resumo

Tyler Leanhart demonstra como usar diferentes agent harnesses no VS Code e conectar modelos por meio de BYOK, ou seja, usando suas próprias chaves. No exemplo, ele configura o Copilot com uma chave da OpenRouter, o Claude com uma chave da Anthropic e o Codex com uma assinatura do ChatGPT. Também mostra que uma assinatura do Copilot pode dar acesso a esses harnesses sem exigir assinaturas separadas. Por fim, menciona o Agent Host Protocol e a possibilidade de adicionar suporte a outros harnesses de terceiros.

Pontos-chave

O VS Code permite alternar entre os harnesses do Copilot, Claude e Codex na mesma interface.
BYOK permite usar chaves de API próprias, computação já disponível ou modelos executados localmente.
O Copilot pode usar modelos da OpenRouter por meio de uma chave de API.
O harness do Claude pode ser configurado com uma chave de API da Anthropic.
O Codex pode ser conectado usando uma assinatura do ChatGPT.
Uma assinatura do Copilot pode permitir o uso dos diferentes harnesses sem manter várias assinaturas.
Cada harness pode trazer seus próprios prompts e ferramentas, e por isso pode funcionar de maneira diferente.
O palestrante cita o Agent Host Protocol como tecnologia que dá suporte aos harnesses.

Capítulos

Início	Capítulo	Resumo
00:05	BYOK e diferentes harnesses no VS Code	Tyler apresenta a ideia de usar chaves próprias e escolher entre os harnesses do Copilot, Claude e Codex.
02:24	Configuração do Copilot e do Claude	O palestrante adiciona modelos da OpenRouter e demonstra a configuração do harness do Claude com uma chave da Anthropic.
04:03	Login no Claude e no Codex	Tyler mostra o Claude respondendo a um prompt e entra no Codex usando uma assinatura do ChatGPT.
06:44	Recapitulação e acesso com o Copilot	O palestrante resume as opções de configuração, destaca o acesso aos harnesses pela assinatura do Copilot e menciona o Agent Host Protocol.

Citações

Isso significa usar a computação que você já tem. — 00:38

Você tem uma interface, um lugar para interagir com esses agentes: o VS Code. — 01:13

Eles trazem seus próprios prompts e também suas próprias ferramentas. — 03:29

Você pode manter a simplicidade e usar apenas uma assinatura do Copilot. — 07:17

Conceitos e entidades

BYOK (conceito): Abordagem que permite usar chaves próprias para conectar provedores ou modelos ao VS Code.
agent harness (conceito): Ambiente de agente que fornece seus próprios prompts e ferramentas e pode ser selecionado no VS Code.
VS Code (ferramenta): Editor usado na demonstração para configurar e alternar entre diferentes harnesses.
GitHub Copilot (ferramenta): Produto que oferece um harness próprio e pode fornecer acesso a outros harnesses por meio de uma assinatura.
Claude (ferramenta): Harness demonstrado no VS Code, configurado com uma chave de API da Anthropic.
Codex (ferramenta): Harness demonstrado no VS Code e conectado com uma assinatura do ChatGPT.
OpenRouter (empresa): Provedor usado na demonstração para disponibilizar modelos ao harness do Copilot por meio de uma chave de API.
Anthropic (empresa): Empresa cuja chave de API é usada para configurar o harness do Claude.
ChatGPT (ferramenta): Serviço cuja assinatura é usada para entrar no harness do Codex.
Agent Host Protocol (conceito): Protocolo que, segundo o palestrante, dá suporte aos harnesses apresentados.
Tyler Leanhart (pessoa): Palestrante que apresenta a demonstração de BYOK e dos diferentes harnesses no VS Code.
Patrick (pessoa): Pessoa que, segundo Tyler, explicará o Agent Host Protocol em um segmento posterior.

Tradução completa (pt-BR)

00:05 Oi, sou Tyler Leanhart. Talvez você se lembre de mim por causa da minha frase de efeito no documentário do VS Code e também da minha inscrição na faculdade para um festival de cinema. Vou falar com vocês sobre BYOK e harness multiagente no VS Code. Então, o que isso significa? Bem, basicamente, são dois tipos de liberdade, certo? O Copilot, como vocês já sabem, oferece vários modelos de diferentes fornecedores, como OpenAI, Anthropic etc. Mas vocês não precisam obter seus

00:38 modelos diretamente de uma assinatura do Copilot. Também oferecemos suporte a BYOK, que significa “traga sua própria chave”. Isso permite usar o poder computacional que você já tem. Se estiver trabalhando em uma rede privada ou isolada, isso também funciona. Ou, se executar modelos localmente na sua máquina, também pode adicioná-los ao agent harness do Copilot. Mas essa não é a única flexibilidade que temos no VS Code e no agent do Copilot no próprio VS Code. Você também pode escolher um agent. Então, temos o Copilot como nosso agent padrão. Nós o consideramos muito bom. Mas, se você também quiser experimentar outros harnesses, temos Claude e Codex disponíveis para você testar. Assim, pode continuar usando as ferramentas que parecem naturais para você. E você tem uma única interface, um único lugar para interagir com esses agents: o VS Code. Então, o que tudo isso significa? Acho que preciso apenas mostrar uma demonstração. Deixe-me contar o que vou mostrar. Temos três harnesses diferentes: Copilot, Claude e Codex. Quero mostrar o BYOK e também como essas coisas podem ser integradas com

01:13 o Copilot não só como fornecedor do modelo, mas também com outros fornecedores. O harness do Copilot vai usar BYOK por meio do OpenRouter. Vou fornecer uma chave de API do OpenRouter; vamos obter modelos por meio dela e usá-los no harness do Copilot. Nosso agent Claude vai usar a Anthropic, com uma chave de API da Anthropic. E o agent harness do Codex vai usar um login do ChatGPT. Em outras palavras, uma assinatura do ChatGPT para usar no agent Codex dentro do VS Code. É bastante coisa, mas tenho seis minutos para fazer tudo. Então, vamos começar. Vou clicar para iniciar. Certo. VS Code: você conhece, eu conheço, eu adoro. Vou fazer esta demonstração na janela Agents, que fica no topo da janela do editor. Podemos abrir a janela Agents. Ela oferece uma visão geral de todas as sessões dos seus agents, suas sessões de chat. Ao chegar aqui, você pode ver que não estou conectado ao GitHub nem a uma assinatura do Copilot hoje. E preciso adicionar modelos. Eu poderia entrar na minha conta e obter minha assinatura do Copilot, mas ainda não é disso que trata esta apresentação. Quero adicionar modelos usando outro mecanismo. Então, vou adicionar modelos, acessar o OpenRouter e copiar minha chave de API do OpenRouter. Vou colá-la aqui. E você pode ver que isso traz uma enorme quantidade de modelos. Certo, ótimo. Vamos ocultar todos eles, porque não quero ficar sobrecarregado com a quantidade de modelos disponíveis. E então vamos

01:50 adicionar… vamos deixar apenas o Haiku aqui. Certo, parece bom. A partir daí, posso abrir o seletor de modelos no agent harness, aqui na janela Agents, e perguntar: “Quem é você e quais ferramentas tem?”. É importante notar que o agent do Copilot, o agent do Claude e o agent do Codex trazem seus próprios prompts e suas próprias ferramentas. Então, eles funcionam de maneiras diferentes. Mas essa é

02:24 a beleza de poder experimentar todos eles diretamente no VS Code. Este diz: “Olá, sou o SDK do Copilot no VS Code”. Ótimo. Vou iniciar um novo chat. Abra o menu suspenso do agent harness aqui e escolha Claude. Já configurei uma chave de API do Claude desta forma. E você pode ver que, no meu arquivo de configurações do Claude, estou usando este auxiliar de chave de API para não vazar minha chave de API da Anthropic. Agora vou fazer ao Claude a mesma pergunta de antes,

02:59 mais uma vez usando o Haiku, porque só tenho seis minutos para fazer esta demonstração. E você pode ver que o Claude diz que é o Claude, obviamente, e quais ferramentas tem. Por fim, também queria mostrar o Codex. Ao escolher o Codex, você tem a opção de entrar com o GitHub. Vamos falar disso daqui a pouco. Mas também pode entrar com sua assinatura do ChatGPT. Vou escolher minha assinatura do ChatGPT. É uma assinatura gratuita, certo? Aquela que tantas pessoas têm. E vou pegar meu telefone para receber

03:29 um código, porque hoje em dia essa é a única maneira de entrar nas contas. Ótimo. Beleza. Agora estamos conectados ao Codex e posso enviar o mesmo prompt para a Luna. Vemos que também temos o harness do Codex. Estou conectado com minha conta gratuita do ChatGPT. A última coisa que queria mostrar é que também posso entrar na minha assinatura do Copilot.

04:03 Vou fazer isso, espero que sem precisar inserir um monte de informações aleatórias. Ótimo. Foi rápido. Adoramos ver isso. Agora estou entrando com minha assinatura do Copilot. Uma das vantagens da assinatura do Copilot é que posso interagir com todos esses harnesses por meio dela. Então, tenho acesso a tudo. Posso dizer “oi” aqui usando a Luna, agora com minha assinatura do Copilot. E você também pode ver que há uma seção do Copilot no Claude e, claro, no próprio Copilot. Posso usar todos esses harnesses com uma assinatura do Copilot. Acho que esse é um dos aspectos mais poderosos de uma assinatura do Copilot: você pode experimentar todos esses harnesses sem precisar ter várias assinaturas em lugares diferentes. Então,

04:35 certo. Bom, olha, considerando tudo, até que não foi tão ruim, com as mensagens de texto e tudo mais. Para recapitular o que vocês acabaram de ver na demonstração: primeiro, adicionei uma chave de API do OpenRouter ao harness do Copilot, mostrando que ele oferece suporte a BYOK. Depois, adicionamos uma chave de API da Anthropic ao agent Claude e usamos o poder computacional da API da Anthropic por meio do agent Claude. E, no agent Codex, adicionamos

05:06 uma assinatura do ChatGPT para entrar e usar o agent Codex. É claro que você pode configurar cada um desses três agents com suas próprias assinaturas e maneiras de obter modelos. Ou pode simplificar e usar apenas uma assinatura do Copilot, que daria acesso a todos eles diretamente no VS Code. Essa é a principal conclusão que tiro de tudo isso. Vão em frente, experimentem e divirtam-se com esses diferentes agents. Todos são executados com algo chamado Agent Host Protocol, sobre o qual meu amigo Patrick

05:39 vai falar daqui a pouco. Mas, sim, Claude e Codex são dois dos harnesses que oferecemos atualmente. Estamos pensando em expandir para além desses dois harnesses de terceiros. Mas, enfim, fiquem de olho. É algo muito divertido, muito legal. E é isso, era tudo o que eu tinha para dizer. Minha demonstração acabou sendo bem mais rápida do que antes. Então, beleza.

06:12 usando Luna pela minha assinatura do Copilot. E também dá para ver que há uma seção do Copilot aqui no Claude e também, é claro, no Copilot, certo? Então posso usar todos esses harnesses com uma assinatura do Copilot. E uma coisa que acho muito poderosa em uma assinatura do Copilot é que você pode, na verdade, experimentar todos esses harnesses sem precisar ter várias assinaturas em diferentes lugares. Então,

06:44 certo. Bem, tudo bem. Ei, considerando tudo, não foi tão ruim assim, com as mensagens de texto e tudo mais. Então, recapitulando o que vocês acabaram de ver nessa demonstração: primeiro, adicionei uma chave de API do OpenRouter ao harness do Copilot, mostrando que temos suporte a BYOK no harness do Copilot. Depois, no agent do Claude, adicionamos uma chave de API da Anthropic e usamos o processamento da API da Anthropic por meio do agent do Claude. E, no agent do Codex, adicionamos

07:17 uma assinatura do ChatGPT para entrar e usar o agent do Codex. Agora, é claro, você pode configurar os três agents com suas próprias assinaturas e suas próprias maneiras de obter modelos, ou pode simplificar e usar apenas uma assinatura do Copilot, que daria acesso a todos eles dentro do VS Code. Então, essa é a minha principal conclusão de tudo isso. Vão em frente, experimentem e divirtam-se com esses diferentes agents. Todos eles são viabilizados por algo chamado Agent Host Protocol, sobre o qual meu amigo Patrick

07:47 vai falar daqui a pouco. Mas, sim, Claude e Codex são alguns dos harnesses que oferecemos suporte hoje. Estamos pensando em expandir para outros harnesses além desses dois harnesses de terceiros. Mas fiquem de olho nisso. É muito divertido, muito legal. E sim, é só isso que tenho a dizer. Minha demonstração acabou sendo bem mais rápida do que antes. Então, ótimo.

08:17 Acho que vou passar para o próximo segmento, que é um vídeo muito legal. É só esperar.

Transcrição original

[00:05] Hi, I’m Tyler Leanhart. You may remember me from uh my oneliner in the VS Code documentary and also my college submission to a film festival. I’m going to be talking to you about BY and multi-agent harness in VS Code. So, what does that even mean? Uh well, it’s basically two kinds of freedom, right? Copilot as you know already provides multi- uh models models from uh various different vendors openai anthropic etc. Uh but uh you don’t have to get your

[00:38] models directly from a co-pilot subscription. We also support BY and that means bring your own key. So that means using the compute that you already have or if you’re working inside of a private or air gap network uh that also works or if you run uh models locally on your machine you can al also bring those in to the co-pilot uh agent harness uh but that’s not the only bit of flexibility that we have in VS Code and the copilot agent uh in VS Code itself you have uh you have an agent choice as well. So, we have Co-Pilot as our as our

[01:13] default agent. Uh, we think it’s pretty great. Uh, but if you also want to try out some other harnesses, we’ve got Claude and Codeex available for you to try out. Uh, so you can keep using the tools that feel natural to you. Uh, and you have one UI, one place uh, to interact with those agents, and that’s VS Code. So, what does any of that mean? I feel like I just need to show you a demo. And so, let me tell you what I’m going to show you. So, we’ve got three different harnesses. We got C-Pilot, Claude and Codeex. And I want to show you uh BY stuff uh and also like how these things uh can be integrated with

[01:50] with not only Copilot as the model provider but other providers as well. So C-pilot uh copilot harness is going to use BY uh via open router. So I’m going to provide an open router API key and we’ll get models from that and use that in the co-pilot harness. Our claude agent is going to use anthropic uh an anthropic API key. Um, and then the codeex uh agent harness is going to actually have a chachi PT sign in. In other words, a chachi PT subscription to use uh in the C codeex in the codeex agent inside of VS Code. Uh, so that’s a

[02:24] lot, but I’ve got six minutes to do it. And so, let’s just go ahead and get started. I’m going to hit hit uh click to get that going. All right. So, VS Code, you know it, I know it, I love it. Uh I’m going to do this demo from inside of the agents window which you can get at the very top of the editor window. We can open agents window. This is our like kind of uh top level view of all of your agent sessions, your chat sessions. Uh when you get here, you can see that I’m not actually signed in with GitHub or a C-pilot subscription today. Um and I

[02:59] need to add models. Now I could sign in and get my co-pilot subscription, but that’s not what this talk is about yet. I want to actually add models through a different mechanism. So I’m going to add models and I’m going to go to open router and I’m going to tab over copy my open router API key JK and put that here. And you can see that brings in just a ton of models here. Right, great. So uh we’re going to hide all of those because I really don’t want to be overwhelmed with how many models they have. And then we’re going

[03:29] to add uh we’ll just have highQ there. Okay, sound good. Uh so from there I can go to the model picker in the agent harness uh in the agents window here and I can say uh what kind of uh who are you and what tools do you have? Now what’s important to note is that like the copilot agent, the claude agent and the codeex agent, they all bring their own prompts and they bring their own tools as well. So uh they’re going to function differently. Uh, but that is

[04:03] the beauty of being able to try all of them right within VS Code. So, this one says, “Hey, I’m the co-pilot SDK uh in VS Code.” Great. So, I’m going to make a new chat. Hit the agent harness drop down here and pick Claude. Uh, now I’ve already hooked up a Claude API key uh this way. And you can see uh in my claude settings file here, I’m using uh this API key helper here so I don’t uh leak my anthropic API key. Uh and so then I’m going to ask Claude the same

[04:35] question as before again using Haiku because I only got six minutes to go through this demo. And you can see that Claude says that it’s Claude obviously and uh and tools that it has. Uh and then finally, I wanted to show you codeex as well. Uh so when you pick codeex you’ve got the option of course to sign into GitHub. We’ll cover that in a second. Uh but you can sign in with your chatpt subscription as well. So I will uh go ahead and pick uh my chatpt subscription here. It’s a it’s a free subscription, right? The the one that like so many people have uh and I’m going to go to my phone in order to get

[05:06] a code uh because that’s the only way to log into things these days. Uh great. Cool. So now we’re signed into codeex and uh I can say the same prompt to uh to Luna here and we see that we have the the codeex uh harness as well. And so I’m signed in with my chatbt uh free skew. So last thing I wanted to show here is that I can also sign into my co-pilot

[05:39] subscription. So I’ll go ahead and do that hopefully without having to uh put in a bunch of random stuff. Um, great. So fast. We love to see it. And uh, with this, I’m now signing with my co-pilot subscription. And one of the benefits of the co-pilot subscription is that I can actually like I can interact with all of these harnesses through my co-pilot subscription. So, I get access to everything. Uh I can say hi here now using uh

[06:12] using Luna from my co-pilot subscription and also you can see there’s a section for uh co-pilot here uh in claude and also in of course uh copilot right so I can use all of these harnesses with a co-pilot subscription and that’s uh one thing that I think is really powerful about a copilot subscription is that you can you can actually play with all of these harnesses uh without having to uh have multiple subscriptions across different um different places. So, uh

[06:44] all right. Well, okay. Hey, that that was actually uh not so bad all things considered with the with text messages and whatnot. So, just to recap what you what you just saw in that demo, the co-pilot harness, I first added an open router API key uh showing that we have by uh support in the co-pilot harness. Then in the cloud agent we added uh an anthropic API key and used uh anthropic uh API key compute through the cloud agent. And in the codeex agent we added

[07:17] uh chatpt subscription to sign in and use the codeex agent. Now of course you can configure all three of those agents with their own subscriptions and their own ways of getting models or you could keep it simple and just use a copilot subscription which would give you access to all of those all from within VS Code. So, uh, that is my biggest takeaway in all of this. Uh, go forth and go play, uh, and have fun with, uh, with these different, uh, agents. Uh, they’re all powered by something called, uh, agent host protocol, which my friend Patrick

[07:47] is going to tell you about in a little bit. Uh, but, uh, yeah, Claude and Codeex are a couple of harnesses we support today. Uh, we’re thinking about expanding those to to harnesses beyond those uh, those two uh, third party harnesses. But uh but yeah, take a look at this space. It’s it’s really fun, really cool. Uh and yeah, that’s uh that’s actually uh all I have to to say. Um my demo actually was a lot faster than before. So um sweet.

[08:17] I guess I will just pass it on over to the next segment, which is a very cool video. Just you wait.