Découvrez l'Agent Kit 🤖

Je vais vous montrer comment on fait pour y accéder.

Voilà, là vous arrivez sûrement sur un truc comme ça.

Vous allez dans Dashboard, là vous avez tout ça, Agent Builder, et donc on était sur ce truc là.

ce que je vous propose de faire c'est qu'on analyse la logique du chatbot qu'on a fait pour pour nos codes factory parce qu'il y a plein de petites subtilités je pense que c'est un très très bon cas d'usage plutôt que d'essayer d'en reconstruire un ça va vous donner plein d'idées et de toute façon c'est assez probable qu'on refasse d'autres contenus sur ce sujet là car pour par exemple les SaaS et pour les e-commerce il y a plein plein plein de cas d'usage et je pense qu'on va faire des contenus spécifiques à ça.

Donc là, ça commence.

State variable.

Je vous avoue, la documentation n'explique pas trop comment utiliser state variable avec chatkit.

C'est pas terrible.

Donc voilà, pour le moment.

Je ne vais pas développer sur cette partie-là parce qu'il y a des actions qui sont seulement possibles avec un back-end en code et State Variable ça en ferait partie mais ce n'est pas hyper bien documenté donc sur cette partie-là vous ne vous occupez pas de State Variable.

Ensuite vous avez des nœuds qui s'appellent les agents.

Un agent ça différentes fonctionnalités en fait dans la vision de chatkit c'est à dire qu'il peut faire des actions en chaîne mais souvent il va communiquer à un autre agent donc là typiquement celui-là, cet agent il a une seule fonctionnalité c'est...

ohlala j'ai très très mal écrit le...

Commence chaque fois qu'un message vous a été reçu par vérifier sur quelle page il se trouve en utilisant le client tool.

En fait globalement ça pourrait être juste une fonction ce truc là.

Donc on utilise ce qui s'appelle un client tool.

Vous voyez c'est là dedans, dans tool.

Vous avez tout plein d'outils.

Donc vous avez FileSearch, vous pouvez mettre un fichier et puis il va regarder.

Vous avez CodeInterpreter, où il peut faire tourner du Python et du code.

WebSearch, où il peut chercher sur Internet.

Vous avez les MCPServers.

MCPServers en a déjà fait des contenus dessus.

Donc globalement, ça permet à une IA d'être connectée à des outils.

Vous avez fonction en local bon ça je ne l'ai pas utilisé je vous avoue mais typiquement ça ressemble bien à quelque chose qui peut tourner qu'avec du code donc on s'en moque Custom je vous avoue je n'ai pas regardé ce que c'était c'est un peu la première fois que je tombe là dessus mais bon je pense qu'il n'y a pas beaucoup de cas dans lesquels ça va être utile et nous ce qui nous intéresse vraiment ici c'est ça client tool donc client tool ça va être comme un tool normal on va avoir un schéma comme ça donc l'attention ça a l'air très très barbare mais en fait ce que vous pouvez faire c'est vous dites je veux que mon tool il fasse ça machin là vous voyez vous avez une description et en fait moi je veux que le chatbot à chaque fois qu'il y a une session en fait il fasse tourner une fonction qui analyse si entre deux messages le chatbot est toujours sur la même page parce que comme je vous disais vu qu'on est sur un site statique vu qu'on ne peut pas faire des navigations ou c'est pas possible dans nos codes de dire par exemple l'utilisateur a changé de page il faut qu'à chaque message il y ait cette fonction là qui tourne pour que le chatbot ait du contexte pour qu'il sache ensuite s'adapter à l'intention de l'utilisateur parce que typiquement si je lui dis remplir un formulaire sur une page où il n'y a pas de formulaire ça ne fonctionne pas et donc là en fait ce que j'ai fait c'est que c'est un agent je l'ai appelé demande d'utilisateur le nom n'est pas bien mais globalement il détermine l'intention de l'utilisateur donc il y a par exemple renseignement RDV qui va être là moi ce que je vais expliquer c'est c'est globalement la personne veut se renseigner pour prendre rendez-vous mais tu as besoin encore d'infos ok donc tu continue à poser des questions autre ça c'est tout ce qui rentre pas dans tous les autres use case changer page là on a un agent justement qui a la fonction changer page donc qui peut utiliser sur le site le fait de changer de page vous lui donner une url il est capable de changer de page et la fill form c'est un agent qui est capable de remplir un formulaire vous voyez il a fill contact form donc là on a un gros tool je vous expliquerai comment le faire ça c'est vous allez voir c'est pas super compliqué il faut juste récupérer deux trois infos puis vous dites à gpt voilà le tool fait ça C'est aussi assez important, je profite de l'expliquer ici parce qu'on est en train de voir les tools.

Ce que vous devez faire quand vous mettez un tool dans votre chatkit et que vous êtes en train de le prompter avec chatgpt, c'est que vous devez lui dire je veux ajouter tel tool, écrire la fonction en javascript dans le petit code du chatbot et donne moi aussi le schéma à mettre dans l'agent donc le schéma c'est ça et pour vraiment que ça soit nickel moi ce que je fais c'est que le schéma je le call dans generate pour qu'il me le formate nickel et que ça soit bien dans le bon format puisque des fois les formats entre les tools, les mcp, les trucs ça casse donc voilà Donc je pense que c'est un bon schéma, un agent qui regarde le contexte, un qui définit l'intention par rapport au contexte et au message, un if else, alors le if else, ah oui, je vais vous expliquer le if else rapidement, ça s'appelle du common expression language, ça a l'air d'être barbare, mais ça l'est pas tant que ça, en plus c'est bien ils ont mis de l'autocomplete, donc là par exemple vous voyez, vous avez output parsed, Donc ça en fait c'est...

Attendez, ça faut que je vous explique aussi.

Il faut que je vous explique encore 2-3 trucs.

Là vous voyez, alors ça change selon les modèles, 4GPT5 il n'a pas.

Vous pouvez mettre un JSON, donc une réponse qui est en schéma.

C'est-à-dire qu'il va répondre juste avec intention est égale à une de ses options.

parce que sinon il raconte n'importe quoi et vous pouvez ajouter d'autres propriétés faire des trucs vraiment beaucoup plus compliqués de cette manière là pour des workflows qui sont très complexes sur lesquels c'est pas nécessaire qu'on s'attarde aujourd'hui je pense donc là vous voyez vous avez toutes les options et en fait dans le chat ça va mettre une de ces options et ça ça crée ce qui s'appelle une variable qu'on peut récupérer et là dans outputParsed là vous voyez vous avez intention et là bon ça c'est pas très compliqué double égale c'est le résultat est strictement égal à par exemple fillform donc du coup si le résultat est strictement égal à fillform du coup on va sur cet agent si le résultat est strictement égal à changer de page on va sur cet agent ok donc on est là dessus ça c'est n'est pas égal, est supérieur à, égal ou supérieur à, inférieur à, inférieur ou égal à, et là je vous avoue la logique je ne sais plus à quoi ça correspond.

J'en ai pas eu la nécessité pour le moment et dans le doute si vous voulez vraiment l'utiliser pour je ne sais quelle raison, chatgpt est votre meilleur ami.

Donc il y a ça, maintenant Un truc qui est important à comprendre, il faut que vous alliez dans More, et en fait, il faut que tous les trucs, vous les mettiez dans Write to Conversation History.

Je vous avoue là j'ai pas d'idée dans quel cas il faut pas le mettre, pourquoi ?

Parce qu'en fait, Write to Conversation History, ce que ça fait, c'est que le résultat de cet agent là, va être accessible à tous les autres agents dans le contexte de tout le workflow.

ce qui permet du coup dans la demande d'utilisateur que lui sache le contenu de la page sur quelle page on est ou qu'on sache qu'on est toujours sur la même page d'accord ?

donc du coup voilà et autre paramètre important c'est display response in chat ça vous voyez ce n'est pas coché ici et ce n'est pas coché ici pourquoi ?

parce qu'en fait on ne veut pas que cet agent là, sur notre chatbot, il renvoie un message.

On veut juste qu'il donne du contexte aux autres agents.

Idem ici.

On ne veut pas avoir la réponse, en plus c'est moche, c'est vraiment une réponse en code donc ça ne ressemble à rien.

Il ne faut pas qu'il y ait ça.

Donc voilà, il fails.

Et là par contre, en revanche, on met displayResponseInChat toujours writeToConversationHistory comme ça ils ont du contexte.

Dernière chose là-dessus, code.

Ici, vous avez un workflowId qu'il faut que vous récupériez et que vous colliez quelque part pour justement l'étape qu'on va voir après sur la configuration du Xano.

Alors je ne me souviens plus exactement de mon plan, Mais dans la configuration du Xano, il faut que vous ayez ça, et il faut aussi que vous ayez autorisé le domaine sur lequel le chatkit va être.

Donc ça, je vais faire une petite vidéo à côté, spécifique à ce sujet là, parce qu'en fait il y a un petit bug d'affichage, c'est que normalement là, au début il y a un bouton pour allouer des domaines, en fait si vous avez mis une mauvaise url ou que par exemple vous êtes sur une url de test avant de le mettre en production et du coup ça disparaît et il faut aller sur une url obscure introuvable pour retrouver les domaines alloués que j'ai trouvé là sur un blog medium enfin bref je vous ai dégoté ça donc pas de panique si vous avez fait une bourde sujet et ensuite une fois que vous avez fait les modifs publish et si vous voulez tester par exemple analyse le contenu de cet article de blog là voilà il sait qu'il faut lire le contenu de l'article de blog parce qu'il n'y a pas de message avant voilà et il demande de faire le message donc je copie-colle un truc là depuis le site ok ok ça a planté alors c'est vrai que des fois ah oui non ok voilà analyse le contenu de la page boum Donc là vous voyez ça fait appel à ça donc là vu qu'on n'a pas les fonctions ici pour que ça analyse le texte on lui met une fausse réponse, bim, submit réponse.

Bon des fois ça bug.

Dans le truc de test il y a des bugs j'ai pas compris d'où ils venaient.

Là on attend, ça analyse le truc...

Ah voilà, pardon.

Donc là vous voyez, ça en fait c'est la réponse de cet agent-là dans le débuggeur, on peut tout voir donc on pourrait structurer la réponse par exemple pour optimiser pour optimiser le truc.

Et de toute façon on a déjà tout ça.

là on voit bien que intention autre donc il a bien trouvé le bon truc et là il dit voici mon analyse du contenu de la page il s'agit d'un article publié par no code factory qui explique machin d'un un et globalement le prompt de ça c'est réponds à la question utilisateur quoi réponds à la question de l'utilisateur écoute les infos que tu as pose une question à la fin pour essayer de détecter un besoin de l'internaute ah oui voilà parce que sinon en fait il posait pas de questions et c'était un peu nul parce que l'idée forcément d'un chatbot c'est d'essayer d'optimiser le taux de conversion et donc on va faire en sorte que le chatbot il dise ok est-ce que vous avez un besoin spécifique sur votre site est-ce que je sais pas quoi pour amener par exemple sur la page de contact donc voilà la prochaine étape je vous dis exactement ce que c'est on va voir comment fonctionne chatkit donc là il va y avoir un morceau allez je vous dis à tout de suite