Comment créer des CoAgents IA ou des applications alimentées par Copilot

CoAgent propose des outils puissants pour intégrer des agents AI dans des applications React, permettant ainsi de créer des applications dynamiques et interactives, notamment alimentées par Copilot.

CoAgent offre un ensemble d'outils nécessaires pour intégrer des agents LanGraph dans des applications React afin de créer des applications natales d'agents. Dans cet article, nous allons parler de cet outil et voir comment vous pouvez construire des CoAgents AI ou des applications alimentées par Copilot.

Qu'est-ce que CoAgents ?

Comme mentionné précédemment, CoAgent est un ensemble d'outils qui vous permet d'intégrer des agents AI dans des applications pour créer des applications natives d'agents. Parlons maintenant de ses fonctionnalités.

• CoAgents dispose d'une fonctionnalité appelée État partagé, grâce à laquelle, même une seule ligne de code permet à votre application d'obtenir un aperçu de l'agent, et l'agent peut obtenir l'aperçu de l'application car ils sont synchronisés et peuvent interagir en temps réel.
• Il vous fournit également des agents Frontend en temps réel qui peuvent effectuer à la fois des actions frontend et backend selon le contexte fourni par l'utilisateur et l'état de l'application. Comme il s'agit d'une interface utilisateur générative, ces appels d'outils sont automatiquement diffusés selon les besoins.
• Humain dans la boucle permet une intégration transparente de la supervision humaine et de l'intervention dans les flux de travail AI, en spécifiant des points d'arrêt pour l'entrée ou l'approbation afin d'améliorer la sécurité et la performance.
• Nous avons également État intermédiaire des agents en flux, qui visualise les processus de pensée des agents en temps réel, fournissant transparence et expériences utilisateur engageantes, cruciales pour la performance des agents et l'expérience utilisateur qui répond aux attentes.
• Le UI génératif agentique de CoAgent crée des interfaces dynamiques générées par AI qui s'adaptent aux besoins de l'utilisateur et aux résultats des agents, offrant une visibilité sur l'état de l'agent et renforçant la confiance.

Si vous appréciez les fonctionnalités mentionnées précédemment, vous voudrez peut-être envisager d'utiliser CoAgents pour votre entreprise, voyons comment faire.

Construire des CoAgents AI ou des applications alimentées par Copilot

Suivez les étapes ci-dessous pour construire des CoAgents AI ou des applications alimentées par Copilot.

1. Installer CopilotKit
2. Configurer le point de terminaison du backend distant
3. Ajouter un agent LangGraph

Parlons-en en détail.

Installer CopilotKit

Avant de commencer avec CoAgents, nous devons d'abord installer CopilotKit sur votre appareil. Nous supposons que vous avez déjà installé Node.js et npm sur votre ordinateur et que vous avez créé un dossier pour les applications React, cependant, cette dernière partie est optionnelle pour cette étape. CopilotKit utilise un modèle LLM open source, dans ce tuto, nous allons utiliser la clé API OpenAI. Sans plus attendre, commençons.

• Ouvrez le Terminal Windows et allez à l'emplacement où vous avez créé l'application React en utilisant la commande cd (changer de répertoire).

cd C:\React\myapplication

• Maintenant, exécutez la commande suivante.

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

• Ensuite, exécutez la commande ci-dessous pour installer OpenAI.

npm install openai

• Dans votre projet, allez au fichier .eve, qui se trouvera à la racine, et ajoutez la ligne suivante.

OPENAI_API_KEY=your_api_key_here

Après avoir effectué des modifications dans le fichier, nous vous recommandons de naviguer vers docs.copilot.ai/quickstart pour savoir comment configurer le point de terminaison et configurer le fournisseur CopilotKit dans votre projet.

Configurer le point de terminaison distant du backend

Afin d'intégrer des services basés sur Python (ou toute autre alternative Node.js), nous devons connecter l'application Copilot à un point de terminaison distant. Pour ce faire, installons d'abord les dépendances de Copilot dans le Terminal Windows en utilisant la requête suivante.

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

Maintenant, nous devons configurer le serveur FastAI, pour cela, exécutez les commandes mentionnées ci-dessous.

mkdir my_copilotkit_remote_endpoint

cd my_copilotkit_remote_endpoint

echo. > server.py

Si l'écho n'a pas fonctionné, vous pouvez ouvrir le dossier dans Visual Studio Code, puis créer le fichier server.py.

Ouvrez le fichier server.py dans VSCode et collez les lignes de code suivantes.

from fastapi import FastAPI
app = FastAPI()

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

Maintenant, retournez au Terminal Windows et installez FastAPI et Uvicorn.

pip install fastapi uvicorn

Pour en savoir plus, consultez les docs.copilot.ai.

Ajouter l'agent LangGraph

Ensuite, nous devons intégrer l'agent LangGraph dans le fichier server.py. Tout d'abord, localisez l'instance CopilotKitSDK dans votre point de terminaison Python à distance, généralement trouvée dans server.py. Ensuite, ajustez l'instance CopilotKitSDK (établie à l'étape précédente) pour accueillir les agents LangGraph. Vous devez ajouter les lignes de code suivantes.

agents=[ LangGraphAgent( name="basic_agent", description="Agent qui répond aux questions sur la météo", graph=the_langraph_graph, # copilotkit_config={ # si vous utilisez Google Gemini, décommentez ce code (et importez `copilotkit_messages_to_langchain`, voir ci-dessus) # "convert_messages": copilotkit_messages_to_langchain(use_function_call=True) # } ) ],

Cela doit être inclus sous la balise CopilotKitSDK.

Pour en savoir plus, nous vous recommandons de suivre le guide mentionné sur docs.copilotkit.ai/coagents.

Comment créer mon propre Copilot ?

Pour créer un nouveau copilot, rendez-vous sur la page d'accueil de Copilot Studio (à /copilotstudio.microsoft.com) et sélectionnez Créer dans la navigation à gauche, puis choisissez la page des Copilots. Alternativement, vous pouvez sélectionner + Nouveau copilot sur la page des Copilots. Utilisez le chat pour décrire votre copilot, guidé par les questions fournies, ou sélectionnez Passer pour configurer et remplir le formulaire. Enfin, sélectionnez "Créer" pour terminer le processus.

Copilot peut-il générer du code ?

Oui, Copilot peut générer du code. Cependant, il ne peut pas être parfait ; il peut y avoir plusieurs glissements et bugs. Par conséquent, il ne faut pas intégrer le code fourni par un chatbot IA sans inspections manuelles approfondies. Vous pouvez utiliser le Copilot de Microsoft dans Edge, l'application intégrée ou utiliser GitHub Copilot dans Visual Studio à l'aide de l'extension.

Maintenant que tu as fini de lire Comment créer des CoAgents IA ou des applications alimentées par Copilot, nous t'invitons à explorer davantage la catégorie Applications. Tu y trouveras d'autres articles intéressants qui élargiront tes connaissances et te tiendront informé. Ne cesse pas de lire et de découvrir plus!