CopilotKit para criar assistentes de IA dentro do aplicativo

Para que serve o CopilotKit, em linguagem simples?

CopilotKit é um framework de código aberto da Tawkit, Inc. para incluir assistentes de IA em aplicativos próprios. Ele conecta o agente à tela em que a pessoa já trabalha. Assim, uma solicitação pode resultar em texto, um gráfico ou uma ação que a equipe disponibilizou.

Imagine uma lista de tarefas: a pessoa pede para adicionar um item e vê a lista atualizada. Os desenvolvedores precisam fornecer os dados e as funções permitidas. O produto atende equipes de SaaS, sistemas internos e aplicativos móveis que podem implementar e manter essa integração.

Conecte seu aplicativo a um agente de IA

Os frontend tools executam funções registradas no navegador, como abrir um registro ou aplicar um filtro. A aplicação continua responsável por autorizações e acesso aos dados de negócio.

Os SDKs oficiais abrangem React, Angular, Vue e React Native. No backend, há caminhos para LangGraph, Google ADK, Mastra, PydanticAI e outros frameworks. AG-UI é a conexão entre agente e interface; CopilotKit oferece os componentes e os mecanismos de interação. Channels também permite explorar Slack e Microsoft Teams, conforme as condições de cada integração.

Interfaces generativas e aprovação humana

A interface generativa apresenta dados como cartões, gráficos ou tabelas do próprio produto. Em React, useComponent registra um componente de exibição com parâmetros tipados. O agente preenche os dados, mas esse mecanismo de exibição não realiza por si só uma operação no backend.

O estado compartilhado sincroniza tela e agente. Human-in-the-loop pausa a execução para receber uma escolha ou confirmação. Aprovações obrigatórias devem ser impostas pela lógica do processo; depender de o modelo decidir perguntar não oferece o mesmo controle.

Plano gratuito, preços e limites

Em 18 de outubro de 2026, o site exibia Developer gratuito para um desenvolvedor, com até 200 conversas, retenção de três dias e 1 GB de armazenamento multimodal. Pro custava US$ 39/mês; Team, US$ 100 por assento/mês, até cinco assentos. Convites pendentes também ocupam assentos. Enterprise tem preço e condições personalizados. São valores em dólares, não em reais nem um total final com tributos.

Intelligence acrescenta conversas persistentes e memória de usuário. A tabela atual coloca Analytics e Self-Learning em acesso antecipado Enterprise. Considere separadamente o consumo do modelo e a infraestrutura. Veja o comparativo atualizado de planos.

Como começar com React e um runtime

O guia oficial de início apresenta uma rota React:

1. Prepare o projeto, Node.js 20+ e uma chave API do provedor de modelos.
2. Instale @copilotkit/react-core e @copilotkit/runtime; configure as credenciais no servidor e crie o endpoint.
3. Ligue o Provider ao runtime, importe os estilos e adicione chat ou barra lateral.
4. Teste uma conversa e registre uma função pequena, com resultado fácil de conferir.
5. Verifique a mudança real no aplicativo e acompanhe os eventos AG-UI no Inspector local.

Se você já tem um agente, siga a integração do framework correspondente. BuiltInAgent chama um modelo diretamente e não conecta automaticamente o agente existente. Uma SPA precisa de um servidor de runtime separado.

Hospedagem própria e cuidados com os dados

O código oficial usa licença MIT, permitindo uso comercial conforme suas condições e preservação dos avisos. Serviços gerenciados têm termos próprios. A hospedagem do runtime disponível em Developer/Pro é diferente de hospedar a plataforma completa.

Manter o runtime internamente não impede o envio de dados para modelos externos. A política de privacidade distingue o site do tratamento regido por contratos com clientes. A telemetria de código aberto coleta metadados, não prompts, mensagens, estado ou conteúdo de ferramentas, e pode ser desativada. Essa informação não se aplica automaticamente a todos os serviços conectados.

Perguntas frequentes

O CopilotKit é gratuito?

O SDK é aberto e Developer oferece uma faixa gratuita. Isso não inclui necessariamente o custo de modelos, servidores ou funções adicionais.

Posso conectar um agente LangGraph existente?

Sim. Use a configuração específica de LangGraph, preservando sua lógica em vez de substituí-la pelo BuiltInAgent.

É possível hospedar o CopilotKit por conta própria?

Sim, mas o escopo depende do plano e da parte hospedada. Verifique runtime, plataforma, banco de dados e conexões externas.

Recursos oficiais e comunidade

• Documentação oficial: escolha frontend e agente.
• Repositório no GitHub: código, licença e problemas conhecidos.
• Discord oficial: dúvidas de implementação.