CopilotKit

Entre o agente de IA, no backend, e a tela do aplicativo, estado e pedidos de confirmação vão e voltam o tempo todo. O CopilotKit é o SDK que cuida dessa ponte. A mesma equipe criou o AG-UI, protocolo aberto para a conversa entre agente e frontend, já adotado por LangChain, Mastra e Microsoft, segundo o README.

Para que serve

• Pôr um chat com agente dentro de um app React ou Next.js.
• Deixar o agente gerar e atualizar partes da interface enquanto responde.
• Compartilhar estado entre agente e tela em tempo real.
• Pausar o agente para o usuário aprovar ou editar uma ação antes de ela rodar.
• Levar o mesmo agente para Slack ou Microsoft Teams sem reescrever o backend.

Como começar

Para um projeto novo, um comando cria a pasta com a estrutura pronta:

npx copilotkit@latest create

Se você trabalha com agente de código, npx --yes copilotkit@latest onboard start conduz a configuração dentro do projeto existente. React e Next.js estão em versão estável; Angular, Vue e React Native aparecem como suportados. Do lado do agente, há integrações com LangChain, CrewAI, Mastra e PydanticAI. O README não fala de chave de API: isso depende do backend e do modelo que você ligar.

Licença e custo

A parte paga fica fora do SDK. O CopilotKit Intelligence acrescenta histórico de conversas, memória do usuário e análise de uso, e roda na nuvem da empresa ou na sua infraestrutura. O README fala em planos sem publicar preços, e a documentação convida a começar de graça. Já o SDK aberto é distribuído com a MIT, que exige reproduzir a nota de copyright e a permissão em todas as cópias ou partes substanciais.

Quando vale a pena

O alvo são times de frontend que já têm um agente rodando e querem levá-lo à tela do produto. Se a diferença entre agente e chatbot ainda não está clara, comece por Agentes de IA: o que são. Quem só precisa de um chat simples com um modelo pode ficar com o Vercel AI SDK. Sem interface web no produto, o CopilotKit acrescenta pouco.