Transcription
Les skills que tu utilises vont tout changer dans ta manière de coder avec Lia. Et il y a cinq skills de la communauté que j'ai pas forcément créé. Il y en a qu'un seul que j'ai créé, mais quatre autres skills de la communauté pour showcase les skills des contributeurs des du coding agents que j'adore particulièrement et qui vont vraiment changer ta manière de coder. Et donc dans cette vidéo, je vais te présenter ces cinq skills. On commence tout de suite.
Le premier skill, c'est impeccable. Et ce skill, au début, j'y croyais moyennement et au fur et à mesure du temps, je me suis rendu compte qu'il apportait vraiment quelque chose. Donc tout le monde connaît le skill front end design. Front-end design qui a été créé, c'est presque le premier skill, hein. C'est presque le skill du skill parce qu'il a été créé par Anthopique il y a pas mal de temps et il a défini énormément, mais il est très low et en fait maintenant, je trouve qu'il crée aussi du slop. Et en fait finalement en essayant de ne pas créer du slop, on se retrouve à quand même créer du slop. Qu'est-ce que va faire ce skill ? Il va faire que ça utilise des fontes what the fuck généralement que ça va vouloir voilà en fait c'est le nouveau slop. Le slop change et donc il faut des skills qui évoluent constamment et c'est ce que Impeccable fait ici. Impeccable juste ici de missing des vocabulary for agent. Clairement qu'est-ce que ça va faire si je te montre un de mes projets ? Donc ici, je regardais un petit peu mes skills, mais si je te montre par exemple Nostack mobile, en fait, il va y avoir un document impeccable avec ici un fichier design. Ce fichier design va définir un peu comment fonctionne le design et va aider l'agent à savoir qu'est-ce qu'il doit faire, qu'est-ce qu'il doit pas faire et cetera. Ce fichier a été créé en fonction de mon application. OK, je l'ai généré et il a rajouté ici qu'est-ce qu'il doit faire, quels sont les rules ? Quels sont les blab blabla. Donc ça c'est lui qui le crée. Comment il le crée ? Tu es en train de te dire et ben c'est simple, tu lances slash impeccable comme ceci. Init fin du sujet hein. Il y a pas de il y a pas d'autres étapes à faire. C'est la seule étape. OK impeccable. Init. Ça lance l'histoire. Une fois que tu as l'histoire qui est lancée, tu as le design et tu as live avec ici config. Donc là, Web app. Donc là, c'est les fichiers, je sais pas pourquoi il y a qu'un seul fichier. Component syntax, CSS, blab blabla. Ça crée ça. Et ensuite, on va avoir ce qu'on appelle la déslopification. Impeccable va venir gérer tous les défauts pour que ce soit stylé. Typography, le contraste, spatial design, responsive interaction motion, UI design.
Alors, j'ai pas l'application que j'ai fait hier ici, relache. Je vais demander de la relancer. Je te montrerai un exemple. Mais voilà, de language, qu'est-ce qui se passe ? En fait, ce skill contient 23 skills qui vont définir plein de choses. Par exemple, clarify qui permet de clarifier. Là, tu vois, ça ressemble à du slop. Là, c'est clean. On a Harden qui va venir ici rendre les choses plus solides. Il va y avoir optimize et cetera. Moi personnellement, j'utilise pas ces skills qui sont ici parce qu'en fait c'est c'est trop chiant de savoir qu'est-ce que quel skill tu dois utiliser quand tu veux faire ton histoire. Moi en fait, je vais directement utiliser le skill principal qui s'appelle impeccable. Donc si ici j'affiche le menu qui est juste là pour aller voir Agent, il y a un skill qui s'appelle impeccable. Impeccable. Hop. Et tu peux voir que dans H est impeccable, en fait, il y a directement tous les skills. Et toi, tout ce que tu fais, c'est lancer impeccable. Et tu vas lancer ça comme ceci. Donc là, si je vais euh dans un chat, hop, nouveau Claude, pourquoi pas ? On va changer. Mais Claude est super lent, c'est insupportable, ça me rend fou chaque fois. Et donc là, tu vas lancer impeccable audit et cetera. Moi ce que je fais généralement, c'est juste use/impecable. vu que c'est une sorte de routing skill, il va venir pi les bons éléments de ton skill afin de s'assurer que ça respecte les règles qu'on a juste ici. Donc voilà, travelasdesign.md impeccable documents créer un fichier au format stitch format. Hop, turn any adjunent dans son live building comme ceci. Et ça marche bien. Ça marche bien. On peut voir qu'ici il a aussi un CLI. Donc là NP NPX impeccable. Détect je sais pas trop quoi. J'ai jamais testé. Détect source. Ouais, j'ai évidemment même pas de source juste ici. Mais donc le machin est complet quoi. C'est vraiment une sorte de de framework. Évidemment, j'ai pas de dossier source, j'ai un dossier mobile app. Si on va faire comme ceci euh il va venir évidemment scanner les fichiers pour regarder voilà s'il y a des antipatern ou quoi. Franchement ça marche bien. Je l'ai testé et l'application que j'ai fait voilà pour ma formation ici c'est vraiment du fun et et les et les photos de démo sont très drôles. Vous allez pouvoir le voir. Donc vous voyez tout ça, l'UI avec les verifies, les gros boutons, le respect des styles et cetera, ça a été fait évidemment aussi par moi parce que je bosse quand même, je suis quand même là derrière mon ordi à check. Mais on va dire que ça a été one shot avec Lia, principalement grâce à ce impeccable.
Alors si je trouve l'OTP code et donc là tu peux voir qu'on a le design juste ici. On peut choisir des silhouettes, on peut choisir des gens. Donc ça c'est la formation qu'on crée dans High Builder qui est le projet que je suis en train de faire. C'est pour ça que je me suis un peu éclaté, mais tout ce design qu'on voit ici, iOS a été fait 100 % avec cette agent. Si ça t'intéresse d'ailleurs d'avoir accès à une mini formation pour apprendre à faire ça, tu peux aller sur mlv.sh/fm pour avoir skill gratuit pour automatiser tes applications mobiles avec Lia. Donc pas mal de choses, la stack technique que j'utilise dans cette application mobile et cetera que tu peux retrouver ici. Et évidemment dans toute cette logique impeccable participe beaucoup au développement de tout ça. Donc il y a beaucoup de choses dans ce skill designing, documentation, slop mais moi je peux vous dire que ça marche. Je vous invite à le tester et à regarder si ça marche. Si ça marche pour vous, peut-être que ça va être cool.
Deuxième skill qui est assez cool, c'est Mat Pocock. Il a fait pas mal de vidéos là-dessus. Euh et je lui ai volé quelques skills et le seul en fait, je lui ai volé tous ces skills, mais voilà, moi je vous invite à télécharger plein de skills et à regarder ensuite lequel vous utilisez. Infin, j'en ai utilisé aucun sauf Grill me. Donc ici, productivity grilling. Et en fait ça description interview de user relentlessly about plant or design. Utilise-le quand l'utilisateur veut tester un plan avant de le faire et faire une phase de griller griller la chose donc c'est-à-dire la phase avant que ce soit prêt. Et donc là, il va te poser plein de questions, beaucoup de questions sur pas mal de sujets. Et par exemple, quand j'ai créé cette application, si j'ai réussi à la one shot, alors là elle crache parce que j'ai Claude qui travaille à fond dessus là en ce moment. Si elle a réussi à fonctionner aussi vite, c'est parce que je me suis grillé pendant pas mal de temps. Donc vous pourrez retrouver ce skill juste ici dans un bloc post que je vais faire avec cette vidéo. Je vais d'ailleurs donner les infos ici. Mais c'est très très cool. Et qu'est-ce que ça va faire hein ? Qu'on soit clair et que je te partage un peu l'expérience. Tu vas lancer la commande, maintenant elle s'appelle Grilling. Avant elle s'appelait Grill Mi. Voyez, je sais pas pourquoi, c'est vraiment un problème tout ce qui est update. Voyez, avant c'était Grill Mi et maintenant quand tu lances Grill Me, ça lance Grilling. Mais moi sur mon Mac, je pense que j'ai téléchargé avant qu'il change. Et donc Grillmi à l'ancien prompt. Mais donc ce Grillmi, il va venir te poser des questions et c'est super cool parce que quand tu as une idée d'AP, tu vas ensuite poser des questions, poser des questions, poser des questions, répondre aux questions, répondre aux questions, répondre aux questions et ça va clarifier le besoin pour que l'agent one shot. On veut toujours que l'agent one shot et c'est comme ça qu'on va pouvoir le faire grâce à ce skill.
Troisième skill évidemment, c'est Apex. Je vous en ai parlé. Il a un nom euh il a un nom simple en quatre lettres qui se dit avec un acronyme. Moi, je le trouve formidable et je lance pas une seule tâche sans le lancer. Pourquoi ? Parce que ça va tout simplement euh effectuer ta tâche comme ceci en répondant à la question et ensuite dès que tu lances ce apex, donc là j'avais réfléchi à à tout l'onboarding et je lui ai dit "Non mais moi tu comprends pas, je veux que tu lances avec Apex." sans que j'ai lancé avec Apex, il a fait n'importe quoi. Ensuite, quand j'ai lancé avec Apex, il m'a fait des screenshots d'exemples afin de savoir, il a travaillé afin de vérifier que ça fonctionne. Et ça, ça change tout. c'est dès que vous utilisez Apex, vous avez en fait le fait que l'agent vaille tester vos fatures lui-même et analyse un maximum de temps toutes les tâches qu'il doit réaliser. Et moi, je trouve ça euh de de toute évidence incroyable parce que on va y avoir on va avoir toutes les étapes. Donc les étapes principales, c'est initialisation. Il va analyser avec des parallèles agents, il va planifier mais la planification est très intéressante parce qu'il va faire des critères d'acceptation et cetera. Il va exécuter, il va le valider avec les type check, il va rajouter des tests si tu lui as demandé de le faire, il va examiner le code avec plusieurs code agents et plusieurs agents qui ont été définis avant. Il va résoudre tous les problèmes et ensuite il va resolve et verérify. Et ça c'est très intéressant, c'est que à chaque fature que tu lui demandes, il doit vérifier que ça fonctionne. Ici par exemple, tu peux voir que il m'envoie des screenshots. À quoi ça ressemble ? comme ça, au lieu que j'ai besoin de lancer l'application et de tester manuellement, lui il a lancé l'application, il il m'affiche l'interface et là je lui dis "Non mais c'est n'importe quoi, pourquoi il y a pas ça ?" Donc vous voyez que je lui parle un peu mal mais quand ensuite il a corrigé, il me fait un nouveau screenshot qui me prouve que ça a fonctionné. Ça change tout dans votre développement. Il y a, je trouve d'avoir ces screenshots. J'en ai fait une vidéo dédiée, mais je vous en reparle ici. Donc Apex, c'est dans mlv.sh/fcation SH/FC formation Claude juste ici formation euh agent IA.
Bref, 4e skill, make interface feel better, un agent, un skill qui va être focus pour faire en sorte que les détails de ton application soient meilleurs. Alors, ça ressemble à impeccable mais c'est dans des détails. Donc là, tu vois que ça va être dans le balance plus pretty qui va offrir une petite amélioration. Il y a y avoir les borders qui vont être parfaites. Il va y avoir les animations. Au lieu d'avoir les nombres qui change ici, il va faire les bons nombres et plein de petits trucs comme ça. C'est simple, c'est efficace mais en fait c'est ça qui change euh une application qui est magnifique à une application qui est moins jolie. Et donc make interface feel better. fait une seule chose, c'est définir design that make an interfal fix better. Et ça va juste rendre ton application meilleure. Non pas qu'elle va respecter les règles ultimes de la mort, ça va juste être plus beau et mieux rendu. Et j'adore ce skill et j'adore cette lensing page, ça donne envie de l'utiliser. C'est des détails, donc moi je les vois pas forcément. C'est pas comme impeccable qui transforme une page dégueulasse en une page potable, mais moi c'est des détails qui me plaisent et qui me font très plaisir.
4è 5e skill juste ici. Le dernier skill, il est juste ici, c'est thermuclé code quality review. C'est un des skills proposé par la team Cursor. Alors, vous allez voir que sur ce ripo, vous allez trouver d'autres skills qui sont d'ailleurs très intéressants eux aussi. Donc juste ici dans cursor type git/skill, vous avez par exemple des slops mais nous on a impeccable qui fait qui résout déjà ça. Fixi, fix conflit et cetera. Alors je sais pas à quel point loop on cul celui-là il est sympa. Review and ship il est il est cool aussi mais thermonucléaire code quality review il est cool. Use this skill for usually strict review focus on implementation quality maintainability abstraction and code by health. le le le skill est très complet avec ici perform une quality review. Ça va ici vérifier que tout a été corrigé. Ça résout le spaghetti code, ça résout euh tout tout t tous les reviews avec beaucoup de règles. C'est assez bon. Et moi ce que j'aime bien faire en fait, c'est que dans mon workflow Apex, si je te montre euh ça donc dans agent juste ici, tu vas voir que Apex qui est tout en haut, on a ici les steps, on a la step examine et tu peux voir que ici euh il vient lancer la thermonuclaire maintenability checklist en lançant évidemment ce skill de thermonuclé agents parce que il y a aussi une version agentique de ce truc thermonucléaire code quality review. Donc vous pouvez pas vous pouvez soit le lancer avec le skill, soit le lancer en fait dans un agent directement. Et donc ici ça va venir démonter votre code pour s'assurer que ça fonctionne bien. Donc d'ailleurs je pense qu'ils ont mis à jour tout ça et donc là on pourrait changer. Je sais pas s'ils ont des sub agents. Du coup ça c'est un skill mais c'est aussi peut-être un agent. Voilà. OK. Il y a aussi la Gen juste ici. Donc là, donc là, vous voyez qu'en fait ce qu'ils ont fait depuis la dernière mise à jour, c'est que ici le skill euh dit qu'il faut utiliser le thermonucléaire code quality review et ensuite ici on a le skill. Au moins ça ça fait un ça fait un double down.
Alors, comment l'installer ? He d'ailleurs si vous posez des questions, vous pouvez venir lancer ça juste ici, venir coller, copier ceci et faire NPX skill ad. Et je pense que ici, il doit y avoir des infos. Voilà. Euh, on peut venir choisir euh NPX skill ad curplugin. Ici, vous avez tous les skills qui sont ici. Alors, évidemment leur CLI de mort, il bug comme jamais, mais ici, vous pouvez rajouter thermuclé code quality review. Celui-ci avec espace. Évidemment, on peut pas chercher ou alors si là, il est vraiment mal foutu, je suis désolé mais ici, hop, enter bom bom bom. Et là, évidemment, faut pas le faire en projet hein, mais faut le faire en en global. Ce que vous pouvez faire normalement, c'est juste appeler skill et mettre le nom du skill puis faire- et ti et ici ça va tout simplement installer le skill globalement sur votre ordi. Donc moi, donc moi je l'avais déjà, il était juste ici. Et votre agent va pouvoir utiliser ce skill. Très cool pour review votre code. Et donc si vous avez un workflow comme moi, moi Apex en fait ça vient lancer plusieurs workflow. Alors si j'arrive à vous trouver le petit schéma. Alors après réflexion, il est pas si petit le schéma mais il est quand même là. Et donc vous allez voir qu'ici dans la phase examine, ça va lancer des agents. Si ça fail, ça vient repasser là. Et ce qu'il faudrait afficher ici c'est qu'en fait la page examine vient faire un code quality, il vient faire un thermuclé. Donc là c'est vraiment pour tout voir. Et ce que j'aime bien aussi, c'est un security check. Donc est-ce que l'authentification a bien été fait et cetera. Donc ça c'est ce qu'on appelle des baby agents qui vont être lancés par la phase examine et qui vont permettre en fait d'éviter de un polluer le contexte de votre main agents avec plein de bullshits qui lui servent à rien de éviter que votre agent se complète dans ses erreurs parce que en fait si le main agent fait des erreurs et que vous lui demandez de review son propre code, il va pas se rendre compte des erreurs qu'il a fait. Il va dire "Mais les gars, moi moi ça me paraît ça me paraît bien ce que j'ai fait parce que je l'ai fait." C'est comme c'est comme toi quand tu crées un site, un design pour la première fois, tu te dis que c'est beau et tu reviens de mois après et tu as l'impression d'avoir fait le pire site de la terre. Et ben c'est la même chose avec Lia. Sauf qu'au lieu d'attendre 2 mois ici, tu peux venir lui créer une nouvelle mémoire juste ici avec les trois subadget. Et donc moi, Thermonuclé, c'est un des skills que j'ai volé et que je leur utilise du coup à chaque fature que je réalise qui est assez assez satisfaisant et assez intéressant. En tout cas, c'est ce que je pense et c'est ce que je vous présente. C'est ce que je vous présente aujourd'hui.
Donc si vous voulez avoir tous mes skills et mes configurations, en général, vous pouvez aller sur mlv.sh/fc. Vous allez avoir accès au skill, à ma philosophie et cetera. Donc il y a beaucoup de de valeurs à aller récupérer juste ici. Et sinon, vous pouvez aller sur l'article de bloc que j'ai fait, donc sur codlinks.de dev, j'ai partagé voilà un petit mes cinq skills indispensables pour code qui vidéo mais comme ça tu peux tout copier et aller un peu plus vite. Voilà pour tout et on se retrouve très bientôt pour une prochaine vidéo. C.