Il utilise ces compétences Claude tous les jours

AAI LABS
Computing/SoftwareAdvertising/MarketingInternet Technology

Transcript

00:00:00Le créateur de Claude Code a précédemment révélé l'intégralité de son flux de travail,
00:00:04et nous avons déjà réalisé une vidéo à ce sujet.
00:00:08Nous en avons tiré beaucoup d'enseignements et avons commencé à appliquer ses principes à notre propre travail.
00:00:14Mais nous voulions aller plus loin, alors nous avons recherché les compétences et outils spécifiques
00:00:21que son équipe utilise réellement au quotidien.
00:00:28Nous avons parcouru leurs publications, les dépôts open source, le marketplace officiel des plugins,
00:00:32et nous en avons extrait les compétences et les commandes qu'ils utilisent vraiment.
00:00:38Certaines peuvent être installées dès maintenant ; d'autres sont des outils internes jamais publiés,
00:00:43mais nous avons compris leur fonctionnement et comment vous pouvez créer les vôtres.
00:00:47L'une des compétences qu'ils utilisent est le plugin "Frontend Designs" pour Claude Code.
00:00:55Il a été développé pour convertir des designs à l'aide de prompts simplistes,
00:01:00tout en les améliorant en termes d'UI et d'UX.
00:01:05Il est disponible en open source et le dépôt contient une "skill" avec des instructions spécialisées pour le design.
00:01:08C'est disponible directement dans le dépôt officiel des plugins de Claude Code.
00:01:13L'objectif est d'aider l'IA à éviter l'esthétique générale de l'IA,
00:01:24ces designs habituels vers lesquels les modèles ont tendance à converger la plupart du temps.
00:01:28Le processus d'installation est simple, vous pouvez l'ajouter depuis le marketplace officiel des plugins Claude Code.
00:01:39S'il n'est pas installé, vous pouvez utiliser la commande "add marketplace" du plugin et l'installer de là.
00:01:45Après un rechargement, le plugin sera prêt à l'emploi.
00:01:52Une fois installé, vous pouvez invoquer la compétence via une commande slash
00:01:56et spécifier ce que vous voulez en faire.
00:02:02Comme les compétences sont généralement invoquées quand Claude en ressent le besoin,
00:02:04celle-ci sera déclenchée si Claude le juge nécessaire, et il peut l'appeler durant l'exécution.
00:02:12Une autre compétence que l'équipe derrière Claude Code utilise quotidiennement est la compétence "batch".
00:02:15Elle est intégrée directement au produit et conçue pour automatiser les tâches parallélisables,
00:02:18comme la migration de code d'une bibliothèque à une autre ou des opérations similaires.
00:02:26Vous pouvez l'utiliser directement dans Claude Code et donner n'importe quelle instruction après la commande batch.
00:02:30Une fois le prompt donné, Claude Code identifie la tâche et la décompose en sous-tâches en passant en mode plan.
00:02:35Cela lui permet d'explorer et de planifier l'implémentation minutieusement avant l'exécution.
00:02:44On pourrait penser que le système d'agents de Claude décompose déjà les tâches
00:02:48et les exécute en parallèle, alors pourquoi est-ce nécessaire ?
00:02:51La différence est que la commande batch utilise des arborescences de travail (work trees) séparées,
00:02:55des copies isolées de votre dépôt, permettant à chaque agent de travailler dans son propre environnement.
00:03:00Cela empêche donc les agents d'interférer avec le travail des autres.
00:03:06Le plan généré lors de la planification contient l'état actuel de l'application,
00:03:10une division du travail en unités, une liste des ajouts requis,
00:03:15et des instructions sur la manière d'effectuer la vérification de bout en bout.
00:03:23Une fois le plan approuvé, il lancera autant d'agents qu'il y a d'unités de travail,
00:03:27donnant à chacun un prompt dédié et s'assurant qu'ils opèrent dans des environnements isolés.
00:03:32Chaque agent rapporte ses progrès à l'agent principal, et une fois terminé,
00:03:40l'agent principal fusionne toutes les arborescences isolées dans la branche principale.
00:03:45Il peut même gérer la pull request si un dépôt distant est configuré.
00:03:48Ils utilisent aussi fréquemment le plugin "Code Simplifier".
00:03:54Ce plugin est open source et peut être téléchargé pour vos propres projets.
00:03:59Il est disponible dans le dépôt officiel des plugins et s'installe via les mêmes étapes.
00:04:01Une fois installé, vous le verrez dans votre liste de plugins,
00:04:10et vous pouvez aussi le rechercher et l'installer directement depuis le dépôt.
00:04:20Ce plugin affine le code pour plus de clarté tout en préservant les fonctionnalités.
00:04:26Pour l'utiliser, fournissez un prompt et il initialise l'agent au sein du simplificateur.
00:04:32Il lance ensuite un agent unique pour simplifier toute la base de code
00:04:36en supprimant les doublons et fichiers inutiles, rendant le tout plus propre et gérable.
00:04:39Une fois le travail fini, il renvoie un résumé des modifications effectuées.
00:04:49C'est en fait similaire à la compétence "Simplify" de Claude Code, sortie comme produit intégré.
00:04:55La différence majeure est que "Simplify" lance trois agents et évalue rigoureusement le code
00:04:59selon plusieurs métriques pour le rendre plus simple et efficace.
00:05:04"Simplify" est donc une version plus approfondie du plugin "Code Simplifier",
00:05:08et les deux outils sont massivement utilisés par l'équipe.
00:05:15Mais avant de continuer, un mot de notre sponsor.
00:05:19Airtop. Si vous passez des heures chaque semaine sur des tâches répétitives manuelles,
00:05:22il y a une bien meilleure façon de gérer cela.
00:05:26Airtop vous permet de créer des agents IA qui tournent 24h/24 et 7j/7
00:05:33dans de vrais navigateurs cloud en utilisant l'anglais courant.
00:05:39Pas de code, pas d'API.
00:05:49J'ai configuré leur modèle de surveillance des concurrents avec trois URLs,
00:05:55en lui demandant de surveiller les changements de prix, les nouvelles fonctionnalités et le positionnement.
00:06:01Chaque matin, Airtop lance un navigateur cloud, parcourt chaque site, gère les captchas,
00:06:05compare tout aux données de la veille et envoie un résumé directement sur Slack.
00:06:08Configurez-le une fois en 10 minutes, et vous recevez un briefing stratégique
00:06:12chaque matin avant même d'ouvrir votre ordinateur.
00:06:21Créez des automatisations fiables en quelques minutes et inscrivez-vous sur Airtop
00:06:28avec le code AI Labs pour un mois gratuit sur leur forfait starter.
00:06:38Cliquez sur le lien en commentaire épinglé et commencez à automatiser avec Airtop.
00:06:44Une autre compétence que l'équipe utilise en interne est la compétence "Verify".
00:06:50Elle n'est pas mentionnée dans leurs tweets, mais d'après le code source fuité,
00:06:56c'est une compétence interne pour les membres d'Anthropic, cachée derrière un flag CLI.
00:07:02Cette compétence vérifie les changements de code en lançant l'appli,
00:07:10testant sous plusieurs angles et corrigeant automatiquement les échecs.
00:07:17Comme c'est interne, le prompt système n'est pas dans le code du produit.
00:07:31Il est injecté directement dans l'environnement quand un membre de l'équipe l'utilise.
00:07:36C'est peut-être pour cela qu'il n'est pas public, car très spécifique au projet.
00:07:44Mais si vous créez votre propre projet, vous pouvez concevoir votre compétence "Verify"
00:07:51en utilisant le "Skill Creator" ou le dépôt comme modèle.
00:07:58Il scannera votre base de code et générera une compétence adaptée à votre projet.
00:08:06La vérification varie selon les projets.
00:08:13Certains utiliseront Playwright, la vérification MCP, des tests ou d'autres méthodes.
00:08:21L'idée centrale est que l'agent doit pouvoir confirmer que ses changements fonctionnent,
00:08:26et cette compétence s'occupe de ce gros travail.
00:08:31Ses instructions incluent un guide étape par étape sur la gestion des modifications
00:08:38et le rapport via les outils disponibles.
00:08:44Elle contient aussi des exemples dans CLI.md listant tous les outils accessibles :
00:08:48linters, codes de sortie, fichiers de test NPM, etc.
00:08:52Pour un usage optimal, configurez-la avec des cas de test et une vérification visuelle
00:08:57via l'extension Claude Chrome.
00:09:04Une autre compétence interne réservée aux membres d'Anthropic est "Skillify".
00:09:08Elle capture une session entière pour la transformer en compétence réutilisable.
00:09:12Comme "Verify", elle est protégée par un flag d'environnement.
00:09:15Mais contrairement à "Verify", le prompt système de "Skillify" est inclus dans le code source.
00:09:19Le but est d'enregistrer une session de brainstorming de flux de travail avec Claude,
00:09:23d'affiner le processus via plusieurs conversations, puis de le sauvegarder.
00:09:28Elle identifie les processus répétitifs, les outils, les permissions,
00:09:33les agents impliqués et tout le nécessaire pour créer une compétence.
00:09:39Elle interagit ensuite avec l'utilisateur pour clarifier les intentions, décompose les étapes,
00:09:43finalise le fichier skill.md et génère un guide détaillé d'instructions.
00:09:47Mais vous n'avez pas besoin de la version interne. Créez la vôtre en guidant avec le code source.
00:09:52Une fois invoquée, la commande "Skillify" analyse minutieusement la session
00:09:59et confirme avec vous si ses déductions sont correctes.
00:10:07Elle pose des questions de suivi, génère un fichier skill.md et vous le soumet.
00:10:12Après confirmation, vous pouvez le sauvegarder dans votre projet comme compétence réutilisable.
00:10:18Un autre outil utilisé est la commande de scan de sécurité de Claude Code,
00:10:21qui cherche des vulnérabilités et suggère des correctifs.
00:10:26L'équipe l'a utilisée en interne pour identifier de multiples failles,
00:10:27puis l'a publiée comme fonctionnalité intégrée.
00:10:30Le prompt système est accessible via la source fuité, et l'outil est configuré
00:10:36pour scanner sous divers angles : validation d'entrée, authentification, gestion des secrets,
00:10:42injections, exécution de code, exposition d'endpoints, etc.
00:10:45Il inclut une méthodologie d'analyse approfondie et intègre plusieurs standards.
00:10:50C'est une fonction native, donc vous pouvez l'utiliser directement pour une revue de sécurité.
00:10:52Il suit ses instructions et rapporte toutes ses trouvailles.
00:10:57Vous pouvez ensuite demander à Claude de corriger les problèmes identifiés.
00:11:01C'est particulièrement utile pour les applications à grande échelle où les failles sont dures à voir.
00:11:04Avec le code généré par IA produisant de gros volumes de changements,
00:11:08des vulnérabilités pourraient accidentellement finir en production, et cet outil l'empêche.
00:11:12Aussi, si vous appréciez notre contenu, n'hésitez pas à cliquer sur le bouton Hype,
00:11:18car cela nous aide à créer plus de vidéos et à toucher plus de monde.
00:11:20Le créateur de Claude Code dit que son équipe utilise des commandes slash
00:11:23pour chaque flux de travail répétitif de la "boucle interne".
00:11:26Par exemple, ils utilisent "commit-pushpr" qui pousse le code et ouvre une pull request.
00:11:29Cette commande est open source et disponible sur le marketplace officiel.
00:11:32Vous pouvez accéder à la commande commit, qui génère des commits basés sur les changements,
00:11:34en suivant une série d'étapes spécifiques.
00:11:40Elle contient la commande exacte mentionnée par le créateur ainsi que son flux de travail.
00:11:45Pour l'installer, allez sur le marketplace, cherchez la commande commit et installez-la.
00:11:50Une fois installée, vous avez accès à toutes les commandes du dépôt.
00:11:55Vous pouvez les utiliser directement pour simplifier vos tâches répétitives.
00:11:58Dans le flux révélé, il a mentionné que l'équipe utilise une compétence "dette technique".
00:12:00Ils conseillent de la lancer à la fin de chaque session pour trouver du code dupliqué.
00:12:04Ce n'est pas open source, c'est uniquement utilisé en interne par l'équipe.
00:12:06Comme la dette technique varie selon le projet, il en va de même pour eux.
00:12:09Mais vous pouvez créer la vôtre et l'adapter à vos besoins spécifiques.
00:12:12Nommez-la comme lui et ajoutez vos instructions via le "Skill Creator" qui est open source.

Key Takeaway

L'équipe d'Anthropic optimise le développement avec Claude Code via une architecture de compétences spécialisées et de commandes slash automatisant la planification, la simplification du code et la vérification de sécurité en environnements isolés.

Highlights

Le plugin Frontend Designs utilise des instructions spécialisées pour transformer des prompts simplistes en interfaces utilisateur évitant l'esthétique générique de l'IA.

La commande batch automatise les tâches parallélisables en isolant chaque agent dans sa propre arborescence de travail (work tree) pour éviter les conflits de code.

L'outil Simplify déploie trois agents distincts pour évaluer le code selon plusieurs métriques afin d'optimiser l'efficacité et la clarté de la base de code.

La compétence interne Verify teste automatiquement les changements de code sous plusieurs angles et corrige les échecs de fonctionnement en lançant l'application en temps réel.

L'outil Skillify capture une session complète de brainstorming pour générer automatiquement un fichier skill.md contenant les processus, outils et permissions requis.

Le scan de sécurité intégré analyse les vulnérabilités liées à l'authentification, la gestion des secrets et les injections de code avant la mise en production.

La commande commit-pushpr automatise le cycle de livraison en générant des messages de commit basés sur les changements et en ouvrant directement une pull request.

Timeline

Optimisation du design et interfaces utilisateur

  • Le plugin Frontend Designs convertit des maquettes via des instructions spécialisées pour améliorer l'expérience utilisateur.
  • Cet outil empêche la convergence des modèles vers des designs visuels trop communs et prévisibles.
  • L'installation s'effectue directement depuis le marketplace officiel via la commande add marketplace.

L'utilisation de compétences spécifiques permet de guider l'IA vers des résultats esthétiques plus originaux. Le plugin s'active manuellement par une commande slash ou automatiquement lorsque Claude identifie un besoin en design durant l'exécution. Ce flux de travail repose sur le dépôt open source officiel des plugins Claude Code.

Automatisation des tâches parallèles avec Batch

  • La commande batch décompose les instructions complexes en sous-tâches planifiées minutieusement avant l'exécution.
  • L'utilisation de work trees séparés garantit que les agents travaillent sur des copies isolées du dépôt sans interférer entre eux.
  • L'agent principal fusionne automatiquement les arborescences isolées dans la branche principale une fois les tâches terminées.

Le mode plan identifie l'état actuel de l'application et définit les unités de travail nécessaires ainsi que les tests de bout en bout. Chaque agent reçoit un prompt dédié et rapporte ses progrès individuellement. Ce système permet de gérer des migrations massives de bibliothèques avec une grande précision.

Nettoyage et simplification de la base de code

  • Le plugin Code Simplifier supprime les fichiers inutiles et les doublons pour rendre le projet plus gérable.
  • La fonction native Simplify utilise trois agents pour une évaluation rigoureuse basée sur des métriques de performance.
  • Ces outils préservent l'intégralité des fonctionnalités tout en affinant la clarté du code source.

Le processus commence par l'initialisation d'un agent au sein du simplificateur après la réception d'un prompt utilisateur. Une fois l'analyse terminée, l'outil fournit un résumé détaillé de toutes les modifications effectuées. Bien que le plugin soit open source, la version intégrée Simplify offre une analyse plus approfondie.

Outils internes de vérification et création de compétences

  • La compétence interne Verify lance l'application et corrige automatiquement les bugs détectés lors des tests.
  • Skillify transforme une session de travail en une compétence réutilisable en identifiant les processus répétitifs.
  • Le fichier skill.md généré sert de guide d'instructions permanent pour les futurs agents du projet.

Ces outils sont protégés par des flags CLI spécifiques à l'environnement interne d'Anthropic. Verify s'appuie sur des outils comme Playwright, des linters et des codes de sortie NPM pour confirmer le succès des changements. Skillify interagit avec l'utilisateur pour clarifier les intentions et finaliser la structure de la nouvelle compétence.

Sécurité applicative et gestion des flux répétitifs

  • Le scan de sécurité natif identifie les failles d'injection et d'exposition d'endpoints dans les applications à grande échelle.
  • La commande commit-pushpr réduit la friction lors de la soumission de code vers des dépôts distants.
  • L'analyse de la dette technique en fin de session permet de localiser le code dupliqué avant de clore un cycle de travail.

Le scanner de sécurité suit une méthodologie rigoureuse incluant la validation des entrées et la gestion des secrets. Pour les flux répétitifs, l'utilisation de commandes personnalisées sur le marketplace simplifie la 'boucle interne' du développement. La gestion de la dette technique reste souvent spécifique à chaque projet et nécessite des instructions adaptées via le Skill Creator.

Community Posts

View all posts