Des compétences Claude incroyables qui multiplient par 10 votre code au feeling
AAI LABS
Computing/SoftwareAdvertising/MarketingSmall Business/StartupsInternet Technology
Transcript
00:00:00Les compétences d'agent rendent vos agents IA beaucoup plus puissants. C'est pourquoi nous vous présentons six
00:00:05compétences incroyables qui vous aident à développer beaucoup plus vite avec les agents IA. Mais ces compétences ne vont pas
00:00:10remplacer votre façon de travailler actuelle. Si vous avez déjà une manière de travailler avec votre agent, vous pouvez
00:00:14continuer à l'utiliser. Ces compétences ne changeront rien à cela. Au lieu de cela, elles ajouteront de nouvelles choses que votre agent
00:00:19de codage IA peut faire et que vous n'auriez peut-être pas crues possibles avant. Ces compétences ont été créées par certaines
00:00:24des personnes les plus connues dans le domaine de l'IA. Par exemple, l'une d'elles nous donne quatre règles que nous utilisons dans
00:00:29chaque projet de codage IA. Une autre change complètement la façon dont les agents IA voient Internet et utilisent
00:00:35les sites web. Maintenant, si vous découvrez la chaîne, alors bienvenue. Nous sommes une entreprise de logiciels et ceci est AI
00:00:40Labs. Et dans cette vidéo, nous allons passer en revue six compétences qui vont définitivement changer votre façon de travailler
00:00:45avec les agents IA. Le plus grand problème avec les compétences n'est pas de les créer, mais de les maintenir à jour. Chaque
00:00:50fois que votre agent répète une erreur, vous devez le remarquer et améliorer la compétence vous-même. Mais la tâche
00:00:55de l'observateur de compétences s'en charge pendant que vous travaillez réellement. Toute l'idée derrière cette compétence est que
00:01:00les compétences s'améliorent grâce aux problèmes que vous rencontrez lors du travail réel. Vous ne pouvez pas vous asseoir une seule fois et
00:01:05prédire chaque erreur que l'agent va commettre. Il surveille donc les leçons utiles pendant que vous travaillez. Si
00:01:10la même solution pouvait devenir une nouvelle compétence, il l'enregistre. Et si une compétence existante a besoin d'une nouvelle règle,
00:01:15il l'enregistre également. Lorsque vous installez cette compétence, vous avez deux options. Vous pouvez l'installer dans
00:01:19le dossier main.clawd, ce qui la fait fonctionner pour chaque session de clawd code sur votre ordinateur. Ou vous
00:01:25pouvez l'installer à l'intérieur d'un seul projet. Nous recommandons de l'installer par projet car cela permet de garder les
00:01:29leçons de chaque projet séparées et de les rendre plus faciles à gérer. Une fois installée, elle crée
00:01:34un fichier appelé log.md, où tout ce qu'elle remarque est enregistré. Ce fichier se trouve dans le dossier principal
00:01:40de clawd code sur votre ordinateur, en dehors du projet proprement dit. Si vous installez la compétence par projet, chaque projet
00:01:45conserve son propre journal. À côté de cela se trouve un autre fichier pour les règles qui doivent s'appliquer à toutes vos compétences.
00:01:51Disons donc que vous décidez qu'aucune de vos compétences ne doit jamais écrire le nom d'un vrai client dans un fichier.
00:01:56Cette règle n'est pas seulement pour la compétence que vous utilisiez à ce moment-là, elle doit s'appliquer à toutes. Elle va donc
00:02:00dans ce second fichier. Pendant la configuration, cette compétence vous demande également d'ajouter une instruction à votre fichier clawd.md.
00:02:06Cette instruction fait exécuter la compétence par clawd pendant que vous travaillez afin qu'il puisse continuer à trouver des leçons et
00:02:11des améliorations. Dans le journal, chaque compétence obtient sa propre section et les modifications suggérées sont écrites
00:02:16en dessous. Mais cette compétence ne modifie pas immédiatement la vraie compétence. Les leçons du journal sont
00:02:21utilisées lors des sessions futures et vous pouvez les examiner avant de décider si elles doivent devenir une
00:02:26partie permanente de la compétence. Cela évite qu'un seul mauvais résultat ne devienne automatiquement une règle que
00:02:31l'agent suit pour toujours. Nous avons rencontré ce problème avec la compétence que nous utilisons pour créer des animations pour nos vidéos.
00:02:36Ce projet comporte beaucoup d'instructions personnalisées qui donnent aux animations l'apparence qu'elles ont et nous
00:02:42les améliorons constamment. Beaucoup de ces animations incluent des logos de marque. Les modèles ne peuvent pas créer ces
00:02:47logos correctement par eux-mêmes. Nous devons donc leur fournir le logo dans un format de code appelé SVG. Nous avions
00:02:52obtenu ces fichiers manuellement à partir d'un site appelé LoebHub. LoebHub a également un outil que les agents peuvent exécuter depuis
00:02:58le terminal, donc notre agent a supposé qu'il pouvait utiliser cet outil pour obtenir les logos, mais l'outil a été conçu pour
00:03:02autre chose, donc il a échoué. Cette compétence a enregistré que l'outil LoebHub ne devait pas être utilisé pour notre
00:03:08système d'animation. Elle a également trouvé la source correcte pour obtenir les logos et l'a enregistrée comme une nouvelle
00:03:13règle. Nous avons examiné les deux leçons et les avons ajoutées à la compétence. Maintenant, l'agent d'animation sait exactement où
00:03:18obtenir les logos de marque et peut les ajouter sans que nous ayons à le faire manuellement. Mais avant de passer à la
00:03:23prochaine compétence, ce serait génial si vous vous abonniez à la chaîne et cliquiez sur le bouton “j'aime”.
00:03:28Ce petit geste de soutien représente beaucoup pour nous. Votre agent peut créer un produit fonctionnel, mais un produit fonctionnel peut quand même
00:03:34perdre des utilisateurs avant de gagner le moindre centime. Ces prochaines compétences couvrent les parties de votre application qui empêchent cela
00:03:39de se produire. Ces compétences proviennent de Corey Haynes et font partie d'une collection de 48 compétences marketing.
00:03:44Le nom peut laisser penser qu'elles ne concernent que les publicités et le contenu, mais la collection couvre
00:03:49toutes les différentes manières dont un produit génère des revenus, et trois d'entre elles sont intégrées directement dans l'application.
00:03:54Tout d'abord, nous avons une partie très importante de l'application que la plupart des gens qui codent avec l'IA oublient complètement,
00:03:59à savoir l'intégration (onboarding). L'intégration est le processus qui aide un nouvel utilisateur à configurer et à commencer à utiliser votre
00:04:04produit. Ensuite, nous avons l'élément principal qui stimule votre conversion, c'est-à-dire votre paywall (mur de paiement). Un paywall
00:04:09est l'écran qui apparaît lorsqu'un utilisateur essaie d'utiliser quelque chose pour lequel il doit payer. Et troisièmement,
00:04:14nous avons le taux de désabonnement (churn), qui est l'un des chiffres les plus importants pour comprendre si les gens restent fidèles
00:04:18à votre produit. Le churn, c'est lorsque les personnes qui paient pour votre produit arrêtent de payer. C'est donc l'application
00:04:23que nous allons utiliser pour le reste de la vidéo. C'est une application Next.js, qui est l'un des moyens standard de
00:04:28créer une application web, et nous l'avons construite pour une salle de sport. Les gens peuvent l'utiliser pour obtenir un abonnement, choisir leur
00:04:33entraîneur et sélectionner leurs exercices. En gros, tout ce dont on a besoin pour gérer la salle de sport se trouve dans une seule
00:04:38application. Pour la base de données, nous utilisons Supabase, qui est l'un des moyens les plus simples de stocker tout ce dont
00:04:43l'application a besoin. Elle stocke les utilisateurs et toutes les informations à l'intérieur de l'application, et elle gère également le système de
00:04:48connexion. Si nous ouvrons le dossier des compétences, vous pouvez voir les trois compétences marketing aux côtés des compétences
00:04:53Supabase. Et c'est à cela qu'sert une compétence. Vous l'utilisez pour donner à votre agent des informations qu'il ne
00:04:58possède pas déjà. Supabase est constamment mis à jour, de sorte que l'entraînement du modèle ne correspond pas toujours à la
00:05:03version que vous utilisez. C'est également l'une des bases de données les plus populaires pour des applications de ce type. Donc, si vous
00:05:08développez avec elle, ces compétences valent la peine d'être installées. Nous les mettrons également en lien dans la description.
00:05:12En commençant par la compétence d'intégration (onboarding), ce que vous voyez ici est un prototype. Cela signifie qu'il
00:05:16n'a pas encore été ajouté à la vraie application. Il est seulement là pour nous montrer ce que la compétence a produit. Avant
00:05:21d'utiliser la compétence, s'inscrire signifiait répondre à cinq questions différentes en cinq étapes distinctes. Cela
00:05:26rendait beaucoup plus difficile pour quelqu'un d'entrer dans l'application et de commencer à l'utiliser. La nouvelle version pré-remplit donc
00:05:31le nom de la personne à partir de la carte qu'elle a déjà complétée. Lorsqu'elle crée son compte, la seule nouvelle
00:05:35chose demandée est l'emplacement de sa salle de sport. Ensuite, elle est dirigée directement vers les formules et
00:05:40la plus populaire est déjà sélectionnée, ce qui facilite la décision. Ce ne sont pas des choix inventés
00:05:45de toutes pièces. Ils reposent sur le comportement des utilisateurs à travers de vrais produits au fil d'années de tests. Une fois
00:05:50que l'utilisateur entre dans l'application, chaque étape de configuration que nous avons supprimée est déplacée dans une barre de progression en bas. L'
00:05:55application ne demande que les informations dont elle a besoin pour le lancer, et la notification reste là jusqu'à
00:06:00ce qu'il termine le reste plus tard. Mais amener quelqu'un dans l'application ne signifie pas qu'il va payer pour cela. C'est
00:06:05là qu'intervient la compétence du paywall. L'approche adoptée par cette compétence a été de permettre aux gens de s'inscrire gratuitement
00:06:10et de leur montrer ensuite ce qu'ils obtiendraient s'ils payaient pour une formule. Une partie du contenu est disponible,
00:06:14tandis que le reste reste verrouillé. L'écran les envoie ensuite directement vers la page de tarification où ils peuvent
00:06:19le déverrouiller. Vous avez déjà vu ce modèle dans de nombreuses applications, mais si vous demandez simplement à un agent d'ajouter un
00:06:24paywall, il ne fera normalement pas ces choix car il n'a pas ces principes intégrés en lui.
00:06:29Et amener quelqu'un à payer ne signifie toujours pas qu'il continuera à payer. La dernière compétence concerne donc
00:06:33la prévention du churn. Pour celle-ci, nous avons la page d'annulation. Lorsqu'une personne essaie d'annuler son abonnement,
00:06:38l'application ne le résilie pas immédiatement. Elle demande d'abord pourquoi elle souhaite partir. Une fois qu'elle choisit une raison,
00:06:44elle lui propose une meilleure offre basée sur cette réponse. L'écran utilise également de petits choix de design pour réduire
00:06:49les annulations. Mettre l'abonnement en pause est le bouton principal de la page, tandis que poursuivre
00:06:53l'annulation est affiché sous forme de texte simple en dessous. Cette implémentation reste toutefois générique car
00:06:58c'est une démo. Une fois que vous fournissez à la compétence vos véritables données d'utilisateurs et les détails de ce que vous vendez,
00:07:03ses décisions peuvent devenir beaucoup plus spécifiques à votre produit. La plupart des problèmes avec les agents de code ne proviennent pas
00:07:09du code lui-même. Ils proviennent du fait que l'agent prend des décisions que vous ne lui avez jamais demandé de prendre. Cette prochaine
00:07:14compétence traduit les conseils d'Andrej Karpathy en quatre règles qui empêchent cela de se produire. La première règle empêche l'
00:07:20agent de deviner lorsque votre demande n'est pas claire. Il doit vous dire ce qu'il suppose, vous montrer les
00:07:25différentes options et demander avant de prendre une décision qui pourrait orienter le projet dans une autre direction.
00:07:29La deuxième règle l'empêche de construire plus que ce que vous avez demandé. Il doit utiliser la solution la plus simple
00:07:35qui fonctionne au lieu d'ajouter des fonctionnalités, des paramètres ou des systèmes supplémentaires pour des problèmes que vous n'avez pas
00:07:39encore. La troisième règle l'empêche de modifier quoi que ce soit en dehors de la tâche que vous lui avez confiée. Il doit s'accorder avec ce qui
00:07:44est déjà là, nettoyer seulement le désordre qu'il a créé et vous informer des autres problèmes au lieu de les régler
00:07:49de lui-même. Et la dernière règle empêche l'agent de déclarer une tâche terminée simplement parce qu'il a modifié
00:07:54quelque chose. Avant de commencer, il doit décider quel doit être le résultat et comment il va vérifier ce résultat.
00:07:59Ensuite, il doit continuer à travailler jusqu'à ce que chaque vérification soit validée. Vous pouvez installer ceci comme une compétence normale,
00:08:04mais nous l'utilisons un peu différemment car ce sont des règles que nous voulons à l'intérieur de chaque projet de codage. Sur nos
00:08:09Mac, nous gardons tous nos projets de code dans un seul dossier de développeur. Nous avons donné à ce dossier sa propre
00:08:15icône personnalisée et l'avons glissé dans la barre latérale du Finder pour que chaque projet commence au même endroit.
00:08:20À l'intérieur de ce dossier de développeur, nous n'installons pas cela comme une compétence. Nous copions les quatre règles dans un
00:08:25fichier clawd.md à la racine du dossier. Clawd code lit le fichier clawd.md à l'intérieur d'un projet et
00:08:31déjà. La troisième règle l'empêche de modifier quoi que ce soit en dehors de la tâche confiée. Elle doit correspondre à ce qui
00:08:37est déjà là, se contenter de nettoyer les dégâts qu'elle a causés et vous signaler les autres problèmes au lieu de les résoudre
00:08:42d'elle-même. Enfin, la dernière règle empêche l'agent de déclarer une tâche terminée sous prétexte qu'il a modifié
00:08:48quelque chose. Avant de commencer, il doit définir le résultat attendu et la manière de le vérifier.
00:08:53Il doit ensuite continuer à travailler jusqu'à ce que tous les tests passent. Vous pouvez l'installer comme une compétence classique,
00:08:58OpenCLI change la donne en transformant plus de 100 sites web, y compris les comptes sur lesquels vous êtes déjà
00:09:04connecté, en commandes que votre agent peut exécuter directement. Celle-ci n'est pas seulement une compétence, elle comporte
00:09:08trois parties qui fonctionnent ensemble. Vous avez l'outil principal OpenCLI, une extension à ajouter à Chrome et un ensemble
00:09:14de compétences qui apprennent à votre agent à tout utiliser. OpenCLI sait déjà effectuer différentes tâches
00:09:19sur plus de 100 sites web. Chaque commande effectue une action précise, donc au lieu de demander à votre agent
00:09:24d'ouvrir X, de trouver vos favoris et de tout copier, il peut exécuter une seule commande et récupérer vos favoris
00:09:30sous forme de liste propre. L'extension Chrome connecte OpenCLI aux sites web sur lesquels vous êtes déjà connecté.
00:09:35donne à chaque projet les mêmes règles de base sans les appliquer aux sessions Claude Code indépendantes sur
00:09:40le reste de l'ordinateur. L'une des plus grandes limites des agents IA est qu'ils restent peu performants pour utiliser
00:09:45les sites web. Les agents de navigation doivent ouvrir chaque page, trouver les bons boutons et progresser lentement sur
00:09:51le site. OpenCLI change la donne en transformant plus de 100 sites web, y compris les comptes où vous êtes déjà
00:09:57connecté, en commandes que votre agent peut exécuter directement. Cet outil ne se résume pas à une simple compétence, il comporte
00:10:02trois parties indissociables : l'outil principal OpenCLI, une extension à ajouter à Chrome et un ensemble
00:10:08de compétences qui apprennent à votre agent à tout utiliser. OpenCLI sait déjà effectuer différentes tâches
00:10:13sur plus de 100 sites web. Chaque commande effectue une action claire : au lieu de demander à votre agent
00:10:18d'ouvrir X, de trouver vos favoris et de tout copier, il peut exécuter une seule commande pour récupérer vos favoris
00:10:24sous forme de liste propre. L'extension Chrome connecte OpenCLI aux sites web sur lesquels vous êtes déjà connecté.
00:10:29Cela signifie que votre agent peut utiliser votre compte sans que vous ayez à lui redonner votre mot de passe. Les compétences
00:10:34apprennent ensuite à votre agent à trouver la bonne commande, à en créer une nouvelle si besoin et à corriger un problème si le site
00:10:39change. Un bon exemple est X. X fait payer l'accès à son API officielle, c'est-à-dire le moyen par lequel les autres logiciels
00:10:45sont autorisés à utiliser ses données. Mais si vous êtes déjà connecté à X dans Chrome, OpenCLI permet à votre agent de rechercher
00:10:50des publications, de lire vos favoris, de publier, de répondre et de suivre des personnes via votre compte. Ainsi, si vous étudiez
00:10:55une idée de produit, votre agent peut rechercher ce que les gens disent à propos du problème. Il peut aussi récupérer
00:11:00toutes les publications sauvegardées pour en faire une liste propre exploitable pour vos recherches. Cet outil est conçu pour les tâches
00:11:05que vous exécutez sur des sites web en utilisant votre propre compte. Il n'est pas destiné à remplacer les outils officiels d'une application que vous
00:11:10commercialisez auprès d'autres personnes. Les modèles d'IA ont tendance à répéter les mêmes designs. Par conséquent, au lieu d'accepter la première
00:11:14proposition, vous devriez demander plusieurs versions et les comparer. Mais au cœur d'un vrai
00:11:20projet, suivre plusieurs versions de chaque partie d'une page devient vite chaotique. C'est là que
00:11:25intervient la compétence Very 8. Elle provient du même auteur que la compétence de design Hallmark, qui a récolté
00:11:30beaucoup d'étoiles et a déjà été présentée sur notre chaîne. Nous recommandons principalement cette compétence pour les pages de destination
00:11:34car elle simplifie grandement les tests d'idées. Prenons notre application de sport précédente. Cette compétence ajoute un
00:11:40petit menu permettant de créer et de comparer différentes versions d'une même section de l'application. Nous l'avons intégrée à
00:11:45la page d'accueil. Ainsi, dès que nous nous connectons pour entrer dans l'application principale, le menu disparaît. Depuis ce menu,
00:11:50nous pouvons basculer entre toutes les versions. Pour l'instant, nous n'avons créé que des variantes de la section
00:11:54principale (hero). Ainsi, lorsque nous passons de l'une à l'autre, le reste de la page d'accueil reste rigoureusement identique. Il s'agit
00:11:59populaires pour vendre des produits numériques en ligne. Elles s'inspirent de son livre The Minimalist
00:12:04concevons une application, nous commençons généralement par une simple page HTML. Nous avons donc ici le même type de page
00:12:09d'accueil construite en HTML, et le menu Very 8 fonctionne également ici. Nous pouvons basculer entre les différentes versions
00:12:14et choisir celle qui nous plaît. Ce choix est envoyé directement à l'agent, et nous pouvons ensuite lui demander
00:12:19de créer d'autres versions d'une autre partie de la page. Cela vous évite de refondre entièrement la page d'accueil
00:12:24à chaque fois. Vous pouvez tester différentes variantes d'un bouton, d'une section ou de l'en-tête, puis les combiner
00:12:29jusqu'à trouver la composition idéale. Chaque compétence abordée jusqu'ici aide votre
00:12:34agent à concevoir un meilleur produit, mais cela ne sert à rien si vous créez quelque chose dont personne ne veut.
00:12:39Cette dernière série de compétences vous aide à prendre la première décision : devez-vous réellement lancer
00:12:44ce produit ? Ces compétences ont été créées par Sahil Lavingia, fondateur de Gumroad, l'une des plateformes
00:12:49les plus populaires pour vendre des produits numériques en ligne. Elles s'inspirent de son livre The Minimalist
00:12:54Entrepreneur, qui a été décliné en 10 compétences. Neuf d'entre elles vous guident à travers les étapes
00:12:58de la création d'entreprise. La première vous aide à identifier une communauté pour laquelle bâtir, en procédant
00:13:03à l'inverse de la méthode habituelle. D'ordinaire, on choisit d'abord une idée avant de chercher
00:13:08des personnes susceptibles d'être intéressées. Mais cette compétence part des gens. Elle vous pousse à examiner les
00:13:12groupes dont vous faites déjà partie pour repérer les problèmes récurrents. L'un d'eux
00:13:18peut devenir votre idée de produit. Ensuite, elle vérifie si ce groupe vaut la peine d'être ciblé en se demandant
00:13:23si vous pouvez atteindre ces personnes sans payer de publicité et si elles dépensent déjà de l'argent pour résoudre ce type de problème.
00:13:28Identifier un vrai problème donne une idée, mais cela ne prouve pas pour autant que quelqu'un paiera
00:13:33pour votre solution. La deuxième compétence concerne donc la validation, c'est-à-dire s'assurer de l'intention de payer avant de construire quoi que ce soit.
00:13:38Elle refuse les réponses vagues comme « les entreprises » lorsqu'on lui demande qui éprouve le problème.
Community Posts
No posts yet. Be the first to write about this video!
Write about this video