Coagenteoferece um kit de ferramentas necessário para integrar agentes LanGraph em aplicativos React para construir aplicativos Agent-Native. Neste post falaremos sobre essa ferramenta e veremos como você podecrie CoAgents de IA ou aplicativos desenvolvidos pelo Copilot.

O que são coagentes?

Conforme mencionado anteriormente, CoAgent é um kit de ferramentas que permite integrar agentes de IA em aplicativos para criar aplicativos nativos de agente. Vamos agora falar sobre suas características.

• CoAgents tem um recurso chamadoEstado Compartilhado, devido ao qual, mesmo uma única linha de código permite que seu aplicativo busque um insight do agente, e o agente pode buscar o aplicativo de insight à medida que eles são sincronizados e podem interagir em tempo real.
• Também lhe dáFront-end em tempo realagentes que podem realizar ações de frontend e backend de acordo com o contexto fornecido pelo usuário e o status da aplicação, por se tratar de UI generativa, essas chamadas de ferramenta são disseminadas automaticamente conforme a necessidade.
• Humano no Looppermite a integração perfeita da supervisão e intervenção humana nos fluxos de trabalho de IA, especificando pontos de interrupção para entrada ou aprovação para melhorar a segurança e o desempenho.
• Nós também temosTransmitir estado do agente intermediário,que visualiza os processos de pensamento do agente em tempo real, proporcionando transparência e experiências envolventes do usuário, cruciais para o desempenho do agente e uma UX que atenda às expectativas do usuário.
• CoagenteIU generativa agentecria interfaces dinâmicas geradas por IA que se adaptam às necessidades do usuário e aos resultados do agente, proporcionando visibilidade do estado do agente e construindo confiança.

Se você gosta dos recursos mencionados anteriormente, você pode querer considerar o uso de CoAgents para o seu negócio, vamos ver como fazer isso.

Crie CoAgents de IA ou aplicativos com tecnologia Copilot

Siga as etapas abaixo para criar CoAgents de IA ou aplicativos desenvolvidos pelo Copilot.

1. Instale o CopilotKit
2. Configurar endpoint de back-end remoto
3. Adicionar agente LangGraph

Vamos falar sobre eles em detalhes.

1] Instale o CopilotKit

Antes de começarmos com os CoAgents, precisamos primeiro instalar o CopilotKit no seu dispositivo. Presumimos que você já tenhano seu computador e criou uma pasta para aplicativos React, porém, a última parte é opcional para esta etapa. CopilotKit usa um modelo LLM de código aberto, neste tutorial usaremosChave de API OpenAI.Sem mais delongas, vamos começar.

• AbrirTerminal do Windowse vá para o local onde você criou o aplicativo React usandocd (alterar diretório)comando.

cd C:\React\myapplication

• Agora, execute o seguinte comando.

 npm install @copilotkit/react-core @copilotkit/react-ui @copilotkit/runtime

• Em seguida, execute o comando mencionado abaixo para instalar o OpenAI.

npm install openai

• No seu projeto, vá para o.vésperaarquivo, ele estará localizado na raiz e adicione a seguinte linha.

OPENAI_API_KEY=your_api_key_here

Depois de fazer alterações no arquivo, recomendamos que você navegue atédocs.copilot.ai/quickstartpara saber como configurar o End Point e configurar o provedor CopilotKit em seu projeto.

2] Configurar endpoint de back-end remoto

Para integrar serviços baseados em Python (ou qualquer outra alternativa Node.js), temos que conectar o aplicativo Copilot a um endpoint de backend remoto. Para fazer isso, vamos primeiro instalar as dependências do Copilot no Terminal do Windows usando a seguinte consulta.

pip install copilotkit fastapi uvicorn --extra-index-url https://copilotkit.gateway.scarf.sh/simple/

Agora precisamos configurar o servidor FastAI, para isso execute os comandos mencionados abaixo.

mkdir my_copilotkit_remote_endpoint

cd my_copilotkit_remote_endpoint

echo. > server.py

Se oeconão funcionou, você pode abrir a pasta no Visual Studio Code e criarservidor.pyarquivo.

Abra oservidor.pyarquivo no VSCode e cole as seguintes linhas de código.

from fastapi import FastAPI

app = FastAPI()

@app.get("/")
def read_root():
return {"Hello": "World"}

Agora, volte paraTerminal do Windowse instale FastAPI e Uvicorn.

pip install fastapi uvicorn

Quando terminar com isso, vá paradocs.copilot.aiguias para aprender mais.

Ler:

3] Adicionar agente LangGraph

Em seguida, precisamos integrar o agente LangGraph ao arquivo server.py.Primeiro, localize a instância do CopilotKitSDK em seu endpoint remoto Python, geralmente encontrado em server.py. Em seguida, ajuste a instância CopilotKitSDK (estabelecida na etapa anterior) para acomodar agentes LangGraph. Você precisa adicionar as seguintes linhas de código.

agents=[ 
LangGraphAgent(
name="basic_agent",
description="Agent that answers questions about the weather",
graph=the_langraph_graph,
# copilotkit_config={ # if you use Google Gemini, uncomment this code (and import `copilotkit_messages_to_langchain`, see above)
# "convert_messages": copilotkit_messages_to_langchain(use_function_call=True) 
# }
)
],

Isso deve ser colocado na tag CopilotKitSDK.

Para saber mais, recomendamos que você siga o guia mencionado emdocs.copilotkit.ai/coagents.

Leitura relacionada:

Como faço para construir meu próprio Copilot?

Para criar um novo copiloto, acesse a página inicial do Copilot Studio (em /copilotstudio.microsoft.com) e selecioneCriarna navegação esquerda e escolha oCopilotospágina. Alternativamente, você pode selecionar+ Novo copilotona página Copilotos. Use o chat para descrever seu copiloto, guiado pelas perguntas fornecidas, ou selecionePular para configurare preencha o formulário. Por fim, selecione “Criar” para concluir o processo.

Ler:

O Copilot pode gerar código?

Sim, o Copilot pode gerar código. Contudo, não pode ser perfeito; pode haver várias falhas e bugs. Portanto, não se deve integrar o código fornecido por qualquer chatbot de IA sem inspeções manuais completas. Você pode usar o Copilot in Edge da Microsoft, o aplicativo integrado ou

Leia também: