Transcript
00:00:00Claude Code est nul pour les carrousels, et c'est de votre faute.
00:00:03En ce moment, les réseaux sociaux sont submergés
00:00:05par des carrousels de mauvaise qualité créés par Claude Code
00:00:08qui ne génèrent aucun engagement.
00:00:10Et c'est parce qu'ils se ressemblent tous,
00:00:12et qu'ils sont tous faits uniquement avec du HTML.
00:00:15C'est un problème majeur si vous essayez
00:00:17d'exploiter l'IA dans votre marketing sur les réseaux sociaux,
00:00:20car les carrousels sont l'un des formats de contenu
00:00:23les plus performants aujourd'hui.
00:00:25Alors, dans cette vidéo, je vais vous aider
00:00:27à sortir de cette tendance
00:00:29avec une approche hybride qui combine le meilleur de Claude Code
00:00:32et ses ressources HTML avec des modèles d'images externes
00:00:36comme GPT Images 2 et Nano Banana Pro
00:00:39pour créer des carrousels qui fonctionnent vraiment.
00:00:42Quand on parle de carrousels qui convertissent,
00:00:45je parle de quelque chose comme ça.
00:00:46C'est une publication que j'ai faite il y a cinq semaines,
00:00:49des centaines de milliers de vues.
00:00:50On a obtenu environ 18 000 likes sur ce post,
00:00:52et c'est l'exemple parfait de cette approche hybride
00:00:55que je vais vous enseigner.
00:00:56Tout d'abord, quand on parle de carrousels,
00:00:59nous devons penser à l'image de couverture.
00:01:01C'est la première chose que les gens vont voir,
00:01:03et elle doit être la plus visuellement saisissante.
00:01:05Ce que vous voyez ici a été créé avec GPT Images 2,
00:01:08et c'est avec cette image de couverture
00:01:10que nous allons nous appuyer sur des outils externes,
00:01:12que ce soit GPT Images 2
00:01:14ou quelque chose comme Nano Banana Pro.
00:01:16Ensuite, quand nous faisons défiler le reste du carrousel,
00:01:19quand on regarde les diapositives de contenu ou de valeur,
00:01:22c'est là que les ressources HTML
00:01:25créés par Claude Code lui-même conviennent parfaitement.
00:01:28Vous les avez déjà accrochés avec la diapositive de couverture.
00:01:30On les tient.
00:01:31Maintenant, nous devons leur apporter de la vraie valeur,
00:01:34et l'accent n'est pas autant mis
00:01:35sur le fait d'être visuellement époustouflant.
00:01:38Nous devons juste apporter de la valeur,
00:01:40et nous devons être capables de le faire
00:01:41d'une manière répétable,
00:01:42que nous pouvons faire encore et encore
00:01:44de manière systématisée
00:01:45en un temps relativement court.
00:01:47C'est aussi peu coûteux,
00:01:49car n'oubliez pas,
00:01:50ce n'est pas gratuit de créer ces images
00:01:52avec quelque chose comme GPT Images 2
00:01:54ou Nano Banana Pro.
00:01:55Je ne peux pas faire ça pour chaque image.
00:01:59Enfin, je veux dire, je pourrais,
00:02:00mais ça prendrait une éternité, n'est-ce pas ?
00:02:01Nous devons équilibrer vitesse et qualité,
00:02:04et j'ai découvert, après avoir fait cela
00:02:06encore et encore moi-même,
00:02:07que c'est la meilleure façon
00:02:09d'aborder les carrousels avec l'IA et les réseaux sociaux,
00:02:12et nous parlons du fait que les réseaux sociaux
00:02:13sont inondés par ces carrousels de faible qualité.
00:02:15Vous savez de quoi je parle,
00:02:16surtout si vous êtes dans le créneau de l'IA ici.
00:02:18Quatre des six que vous voyez ici
00:02:19ont été très clairement créés avec Claude Code.
00:02:21Je n'ai même pas besoin de vous les désigner, n'est-ce pas ?
00:02:23Ils ont le côté champ de diapositive HTML,
00:02:26et ils ont l'air très, très similaires,
00:02:27et vous n'allez voir que de plus en plus cela.
00:02:29Donc, si vous voulez que les vôtres convertissent,
00:02:31vous devez trouver quelque chose qui se démarque.
00:02:34Et donc, comme je viens de vous l'expliquer,
00:02:36c'est un processus en deux parties.
00:02:37La première sera l'image de couverture.
00:02:39C'est là que nous utilisons la génération d'images par IA.
00:02:41Pour aujourd'hui, je vais vous montrer
00:02:43comment faire cela en utilisant le CLI Higgsfield.
00:02:46J'aime le CLI Higgsfield
00:02:47parce qu'il me donne un moyen d'accéder
00:02:49à n'importe quel outil de génération d'images IA,
00:02:52que ce soit Nano Banana,
00:02:55GPT Images 2,
00:02:55ou tout ce qui sortira la semaine prochaine et qui est au top,
00:02:57et de le faire via le terminal.
00:02:59Et la deuxième partie concerne les diapositives de corps
00:03:00via Claude Code en utilisant des ressources HTML.
00:03:04Mais d'abord, avant de commencer à construire quoi que ce soit,
00:03:06nous devons trouver l'inspiration.
00:03:07Nous devons faire des recherches,
00:03:08voir ce qui fonctionne en matière de formats de carrousel,
00:03:11en dehors de votre créneau surtout,
00:03:13afin que nous ayons une base de travail.
00:03:15Si vous essayez de faire tout cela à partir d'une page blanche,
00:03:17je vous promets que vous allez lutter,
00:03:18et cela vous prendra énormément de temps.
00:03:20Pourquoi partir de zéro ?
00:03:21Regardez juste ce qui fonctionne,
00:03:23et ne les copiez pas, mais prenez l'inspiration.
00:03:25Et où la trouver ?
00:03:27Eh bien, vous la trouvez sur les réseaux sociaux.
00:03:29Et donc, la chose facile à faire
00:03:30est juste d'aller sur Instagram,
00:03:31d'aller sur TikTok,
00:03:32rechercher carousel,
00:03:33c'est tout ce que j'ai mis ici,
00:03:34et commencez à faire défiler
00:03:35et à voir ce qui attire votre attention.
00:03:39Qu'est-ce qui vous attire visuellement ?
00:03:41Qu'est-ce que vous trouvez cool ?
00:03:43C'est ce que nous allons faire.
00:03:44Et si je vois quelque chose qui me plaît,
00:03:45je vais faire deux choses.
00:03:48Un, je vais juste cliquer dessus
00:03:50et prendre une capture d'écran de l'image de couverture,
00:03:54et ensuite, je vais faire la même chose pour le corps.
00:03:57Je vais jeter un œil à la diapositive de corps,
00:03:59voir si c'est quelque chose qui me plaît,
00:04:00et je vais en prendre une capture d'écran aussi.
00:04:02Et si c'est la première fois que vous faites cela,
00:04:04franchement, vous devriez le faire
00:04:05pendant au moins 20 à 30 minutes.
00:04:07Et vous devez commencer à construire une bibliothèque
00:04:10d'inspiration visuelle.
00:04:13J'ai moi-même tout un dossier
00:04:15dédié à l'inspiration pour les carrousels,
00:04:16et ce n'est pas que de l'IA.
00:04:18Franchement, vous devriez regarder des choses
00:04:19en dehors de votre créneau
00:04:21que vous pouvez apporter à votre propre créneau.
00:04:22Parce que si je fais juste la même chose
00:04:24que tout le monde dans l'espace IA,
00:04:26ou si vous faites tout
00:04:26ce que tout le monde fait dans votre domaine,
00:04:28ça ne va pas ressortir.
00:04:30C'est donc toujours formidable de voir
00:04:31ce que font les autres
00:04:32dans des domaines complètement différents.
00:04:34Donc, étape zéro, inspiration.
00:04:36Je veux que vous commenciez à construire cette bibliothèque.
00:04:38Et pour la vidéo d'aujourd'hui,
00:04:39je veux que vous vous concentriez sur un seul modèle spécifique
00:04:41que vous aimeriez utiliser
00:04:43ou prendre comme base
00:04:44pour le carrousel que nous allons construire aujourd'hui.
00:04:46L'étape suivante, l'étape un,
00:04:47est d'installer le CLI Higgs Field.
00:04:48Encore une fois, cela vous donne accès
00:04:49à tous les différents générateurs d'images
00:04:51et de vidéos qui existent.
00:04:53Il vous suffit donc de vous rendre sur Higgs Field.ai,
00:04:56allez sur l'onglet MCP et CLI,
00:04:58cliquez ici sur le CLI.
00:04:59Il existe aussi un MCP,
00:05:00mais je préfère le CLI.
00:05:02Et ensuite, vous allez simplement l'installer
00:05:03en utilisant cette commande.
00:05:04Vous allez ensuite exécuter
00:05:05Higgsfield auth login
00:05:07pour vous connecter réellement à votre compte.
00:05:09Et ensuite, vous pouvez ajouter ces compétences également.
00:05:12Alors maintenant, parlons de la création de ces carrousels.
00:05:15Tout d'abord,
00:05:15vous voulez créer un dossier pour vos carrousels.
00:05:18J'appelle le mien “Chase AI Carousels”.
00:05:19Peu importe comment vous appelez le vôtre.
00:05:21La raison de cela est qu'à long terme,
00:05:24vous voulez commencer à construire une bibliothèque
00:05:25de vos propres carrousels qui ont bien performé.
00:05:28Nous venons de faire tout ça, n'est-ce pas ?
00:05:29Où nous regardons
00:05:30tous ceux-là pour l'inspiration.
00:05:32Eh bien, imaginez après avoir créé
00:05:3430, 40, 50, 60 carrousels,
00:05:36et vous savez que vous avez environ 10 ou 15 modèles
00:05:39qui fonctionnent toujours.
00:05:41Eh bien, être capable de créer des carrousels
00:05:43plus tard devient infiniment plus facile
00:05:44car, une fois fait, il suffit de dire à Claude Code,
00:05:46hé, fais le carrousel version 10.
00:05:49Nous allons le faire maintenant sur ce sujet.
00:05:51Bla, bla, bla, bla, bla.
00:05:51Donc vous commencez à construire
00:05:53cette fondation aujourd'hui ici.
00:05:54Mais aujourd'hui, puisque nous n'avons rien,
00:05:56nous devons commencer avec un peu d'inspiration.
00:05:57Donc ce que nous allons faire
00:05:59est que nous allons prendre une capture d'écran
00:06:00de la page de titre que nous aimons
00:06:03et que nous essayons de refaire nous-mêmes.
00:06:04Maintenant, j'ai trouvé cette diapositive de titre pour l'inspiration.
00:06:06Donc c'est ce que je vais utiliser.
00:06:08Et le sujet dont je vais parler
00:06:10pour mon carrousel sont les cinq meilleurs
00:06:12plugins Cloud Code pour juin.
00:06:15Et donc avec la capture d'écran
00:06:16de cette image insérée dans Cloud Code,
00:06:18je vais maintenant demander
00:06:19quelque chose du genre,
00:06:21hé, voici l'image
00:06:22que je veux utiliser comme source d'inspiration.
00:06:24Utilise l'interface en ligne de commande Higgs field.
00:06:26Utilise ce modèle d'image spécifique.
00:06:28Nous utiliserons aussi les images de GPT.
00:06:29Et ensuite je vais expliquer
00:06:30comment je veux qu'il diffère
00:06:32de l'image originale.
00:06:34Donc, je veux que tu utilises cette interface Higgs field
00:06:36pour créer une image de couverture
00:06:38pour mon nouveau carrousel
00:06:40qui portera sur
00:06:41les cinq meilleurs plugins Cloud Code pour juin.
00:06:45C'est le titre que je veux sur la page.
00:06:46Les cinq meilleurs plugins Cloud Code pour juin.
00:06:48Je veux utiliser la capture d'écran
00:06:51que je viens de te donner comme image de référence.
00:06:53Donc je veux que ce soit
00:06:54essentiellement exactement la même que cette image,
00:06:57mais remplace la femme actuelle,
00:07:02qui est en quelque sorte la statue au milieu,
00:07:03par un homme.
00:07:05Donc on change un peu les choses,
00:07:06mais on garde tout le reste identique
00:07:08en termes d'esthétique.
00:07:09Ce que je veux aussi changer,
00:07:10c'est que je ne veux pas que ces éléments
00:07:12soient des icônes Photoshop.
00:07:14Utilise plutôt des icônes GitHub
00:07:17ou une icône Anthropic.
00:07:20Je veux que tu utilises aussi les images de GPT.
00:07:22Je veux que tu utilises un rapport de forme
00:07:24aussi proche que possible de quatre pour cinq.
00:07:27Je veux que ce soit de haute qualité.
00:07:28Je veux que ce soit en 2K.
00:07:29Et je veux que tu crées quatre images.
00:07:32Et une fois terminées,
00:07:33affiche-les moi.
00:07:35Maintenant, il va commencer
00:07:36à les créer pour moi.
00:07:37Je lui ai donné l'image de référence.
00:07:39Je lui ai dit comment je voulais que ça change.
00:07:41Parce que, rappelez-vous, si on regarde,
00:07:42je dis essentiellement de changer la statue
00:07:45pour qu'elle soit masculine,
00:07:46de remplacer les icônes Photoshop
00:07:48par des icônes GitHub,
00:07:49puis de changer le texte.
00:07:51Au-delà de ça, je lui ai dit quel modèle d'image
00:07:52utiliser, les images de GPT,
00:07:54et je lui ai donné des instructions
00:07:56concernant la qualité.
00:07:59Maintenant, si vous ne savez pas
00:08:00quel type d'entrées vous devez fournir
00:08:01pour un modèle d'image particulier,
00:08:02disons que vous utilisez Nano Banana Pro
00:08:04au lieu des images de GPT,
00:08:05Cloud Code le sait.
00:08:07Il possède les compétences.
00:08:07Il possède l'interface.
00:08:08Il peut donc vous dire ce qu'il pense être le mieux.
00:08:11Le plus important, c'est d'avoir le bon prompt
00:08:14en termes de ce que vous voulez modifier.
00:08:16Maintenant, l'autre chose à retenir, c'est,
00:08:19surtout au début,
00:08:20quand vous commencez juste ici,
00:08:21vous devrez probablement le faire plusieurs fois.
00:08:23Il va nous renvoyer une image.
00:08:24Nous devrons probablement la modifier.
00:08:25Il s'agit donc d'un processus créatif itératif.
00:08:28Il est très rare de réussir du premier coup.
00:08:30Et c'est pourquoi nous faisons cela uniquement pour la page de titre.
00:08:33Imaginez suivre ce processus
00:08:34pour chaque diapositive,
00:08:36pour chaque image de votre carrousel,
00:08:38qui peut contenir jusqu'à 10 images.
00:08:39Cela prend tout simplement trop de temps.
00:08:41C'est pour ça qu'on fait ça seulement pour le titre,
00:08:42et le reste, on le fait beaucoup plus rapidement via HTML.
00:08:46Voici donc les images qu'il a renvoyées.
00:08:48La première chose, c'est qu'il manque le texte réel.
00:08:52Mais je dirais que, dans l'ensemble, c'est pas mal
00:08:56en termes de vibe générale recherchée.
00:08:58J'aime bien comment la statue est sortie.
00:09:00J'aime bien comment les icônes sont sorties.
00:09:01On pourrait un peu pinailler sur l'icône Anthropic.
00:09:05Peut-être que la crème est un peu différente.
00:09:07Mais ça a un peu ce qu'on recherche.
00:09:09Si on peut juste imaginer le texte ajouté là-haut,
00:09:11je serais content avec ça.
00:09:13On a même des ombres et des choses comme ça.
00:09:14Et si on compare avec l'original,
00:09:16et je vais m'éclipser un instant,
00:09:18c'est assez proche, non ?
00:09:20Comme vous pouvez le voir, d'où vient l'inspiration.
00:09:23Il y a un peu plus de détails
00:09:24sur l'original, non ?
00:09:26Ils avaient une autre icône en haut à gauche,
00:09:27mais j'aime bien.
00:09:28Je pense que si on ajoute le texte ici maintenant,
00:09:30je serais totalement content.
00:09:31Pour être honnête, je ne sais pas
00:09:32pourquoi le texte a disparu,
00:09:34mais c'est une étape assez facile à franchir, non ?
00:09:36Et vous avez en fait deux options ici.
00:09:38La première est de prendre cette couverture
00:09:40car c'est celle que je préfère parmi les quatre produites.
00:09:43On la renvoie dans Cloud Code
00:09:45et on lui dit : hé, garde tout comme ça.
00:09:47Tout ce que je veux que tu fasses, c'est ajouter le texte en haut.
00:09:51L'autre option, c'est de l'importer
00:09:52dans un outil comme Canva
00:09:53si vous voulez être un peu plus manuel.
00:09:55Le choix vous appartient.
00:09:57Mais pour la vidéo d'aujourd'hui,
00:09:57on va lui donner cette image et lui dire :
00:09:59hé, ajoute le texte pour les cinq meilleures compétences
00:10:02ou les cinq meilleurs plugins Cloud Code en juin
00:10:05et surligne une partie
00:10:07pour que ça ait ce genre de,
00:10:08comme l'effet arc-en-ciel qu'on voit au niveau des yeux.
00:10:11Donc j'aime cette image que nous avons créée,
00:10:13mais je voulais ajouter le texte
00:10:15et je voulais imiter le texte
00:10:16de l'image originale que nous utilisons comme référence.
00:10:20Donc rappelez-vous pour le titre,
00:10:21le texte que je veux, c'est qu'il dise
00:10:23les cinq meilleurs plugins Cloud Code pour juin.
00:10:27Et une partie de cela
00:10:29devrait avoir ce genre de gradient arc-en-ciel,
00:10:33le même genre de chose qui passe
00:10:35le long des yeux de notre statue, pour ainsi dire.
00:10:38Alors vas-y, fais ça
00:10:40et crée quatre versions de ça aussi.
00:10:41Et c'est à peu près comme ça que ce va-et-vient doit se dérouler
00:10:44quand vous passez par là.
00:10:45Il ne faut pas trop compliquer les choses.
00:10:46Dites simplement ce que vous voulez.
00:10:47Demandez plusieurs images.
00:10:48Il peut en faire quatre à la fois.
00:10:50En fait, je crois qu'il peut en faire jusqu'à 16 à la fois,
00:10:52mais j'ai trouvé que quatre, c'est un bon compromis.
00:10:55Nous verrons ce qu'il nous propose.
00:10:56Voici donc ce que nous avons obtenu quand nous lui avons dit d'ajouter le texte.
00:10:58Donc comme je l'ai dit, nous avons eu quatre options parmi les quatre.
00:11:02Je pense que je préfère celle-ci.
00:11:05Si j'avais plus de temps, je l'éditerais probablement un peu plus,
00:11:09peut-être ajouter une sorte d'ombre portée au texte lui-même
00:11:12pour lui donner un peu plus de relief.
00:11:14Mais on peut continuer indéfiniment à essayer d'obtenir quelque chose qui nous plaît.
00:11:18Mais je pense que c'est assez bien pour l'instant.
00:11:20Si je voyais ça en faisant défiler mon Instagram ou TikTok ou autre
00:11:23et que je voyais ça comme image de couverture, je m'arrêterais.
00:11:25Donc, une fois l'image de couverture verrouillée, on peut passer aux diapositives de corps.
00:11:29Et rappelez-vous, quand on parle des diapositives de corps,
00:11:31c'est tout ce qui vient après la diapositive de titre.
00:11:35Et quelques éléments à garder à l'esprit, c'est que
00:11:37nous n'avons pas beaucoup d'espace pour travailler ici.
00:11:40Donc comme cette seule diapositive, non ?
00:11:42Nous avons une image, nous avons un titre,
00:11:45et ensuite une ou deux lignes de texte avec lesquelles travailler.
00:11:48Vous voulez traiter ça presque comme une présentation PowerPoint classique.
00:11:51Nous ne voulons pas la remplir de texte.
00:11:53Les images sont bien.
00:11:54Nous aimons tous les images.
00:11:55Trouvez une sorte de titre, et ensuite vous obtenez comme,
00:11:58vous obtenez quelques phrases.
00:12:00Donc, vous savez, l'économie d'action est vraiment importante ici.
00:12:03Mais ce à quoi vous devez penser, c'est : okay, à quoi vont ressembler les images ?
00:12:07Quel sera l'arrière-plan général ?
00:12:08Et quel sera le texte ?
00:12:10Maintenant, la bonne chose ici, c'est que c'est presque entièrement fait avec du HTML.
00:12:14Donc Cloud Code génère tout cela par lui-même.
00:12:17À une exception près, ces captures d'écran.
00:12:20J'ai donc donné à Cloud Code ces captures d'écran que vous voyez pour beaucoup de ces choses.
00:12:24Eh bien, pour certaines de ces choses.
00:12:25C'était donc une capture d'écran que j'ai donnée, et je lui ai dit de l'intégrer.
00:12:28C'était une capture d'écran que je lui ai donnée.
00:12:30Mais il peut aussi créer les siennes.
00:12:31Donc ce truc montrant comme un terminal, Cloud Code a tout créé.
00:12:35Je n'ai rien fait.
00:12:36Donc dans cette partie, ce que nous devons faire, c'est comprendre à quoi nous voulons que ces diapositives ressemblent.
00:12:42Et ensuite, tout comme nous l'avons fait avec la diapositive de couverture, nous aurons une sorte de processus itératif.
00:12:46Mais nous pouvons être beaucoup plus pratiques.
00:12:48Parce que ce que je vais vous montrer, c'est que nous allons demander à Cloud Code de créer ces diapositives HTML pour nous.
00:12:52Mais nous allons les afficher dans notre navigateur.
00:12:54Et nous pouvons réellement faire des ajustements.
00:12:55Comme nous pouvons réellement y entrer, changer le texte, déplacer les choses, lui dire de faire des modifications.
00:13:00Donc nous avons encore plus de contrôle qu'avec la diapositive de titre.
00:13:03Mais tout comme la diapositive de titre, c'est là que nous pouvons aussi utiliser l'inspiration.
00:13:07Donc disons que je voulais copier ce que j'ai fait ici et l'un des miens déjà.
00:13:11Ou que vous vouliez copier l'un des miens.
00:13:12Alors que va-t-on faire ?
00:13:13Nous allons prendre une capture d'écran.
00:13:15Nous allons la coller ici.
00:13:16Et maintenant, je vais lui donner un prompt, disant quelque chose comme : hé, maintenant travaillons sur le titre.
00:13:20Maintenant, penchons-nous sur les diapositives de corps.
00:13:21Les diapositives de titre sont terminées.
00:13:23Voici en gros ce que je regarde.
00:13:24Je veux faire du pur HTML.
00:13:26Pouvons-nous l'afficher dans le navigateur ?
00:13:27Maintenant, je fais juste ces invites à l'état brut.
00:13:30Toutes ces invites que je donne à Claude Code maintenant pourraient aussi être des compétences, car nous pouvons tout codifier.
00:13:36Maintenant, j'ai mes propres compétences personnelles pour tout cela, ainsi que des exemples de mes propres carrousels.
00:13:42Vous pouvez obtenir tout cela dans ma communauté.
00:13:44Je mettrai un lien vers celle-ci dans le commentaire épinglé.
00:13:47Mais si vous faites cela par vous-même, voici à quoi cela devrait ressembler.
00:13:50Passons maintenant à la création de la diapositive de corps.
00:13:53Nous avons verrouillé la diapositive de titre.
00:13:54J'aime ce que nous avons fait là.
00:13:55Et maintenant, pour la diapositive de corps, ce sera du HTML.
00:13:57Cette image que vous avez vue est celle que je veux utiliser comme inspiration.
00:14:00Je veux en quelque sorte l'utiliser comme modèle pour créer nos diapositives de corps.
00:14:04J'aime le style textile.
00:14:05J'aime l'arrière-plan.
00:14:06J'aime tout ça.
00:14:07Donc je veux créer les diapositives de corps.
00:14:10Je veux que ce soit du HTML.
00:14:11Je veux que vous puissiez afficher ce HTML dans le navigateur.
00:14:14Et je veux pouvoir faire des ajustements.
00:14:15Donc je veux pouvoir déplacer des éléments, changer la taille de la police, changer le texte réel,
00:14:19et pouvoir le faire via le navigateur.
00:14:21Je dois copier le JSON.
00:14:23Si je fais ces modifications, qu'il en soit ainsi.
00:14:24Mais je veux que ce soit aussi simple que possible.
00:14:27Et pour les cinq diapositives de corps, je veux qu'elles se rapportent aux cinq plugins de juin.
00:14:33Donc, par exemple, cinq plugins que nous pouvons faire.
00:14:35Faisons-en un.
00:14:36Faisons Caveman.
00:14:38Pour le prochain, nous ferons le plugin Codex.
00:14:41Pour le troisième, faisons Impeccable.
00:14:43Et ensuite, trouvez les quatrième et cinquième plugins vous-même.
00:14:47Et ramenez-le une fois que vous l'aurez fait.
00:14:49Donc, il a construit les diapositives, nous a indiqué les cinq plugins créés,
00:14:53et a également créé cette boucle de réglages.
00:14:55Nous l'affichons donc ici dans le navigateur.
00:14:58Vous pouvez le voir.
00:14:59Alors souvenez-vous, qu'est-ce qu'on lui a donné ?
00:15:01Nous lui avons donné une capture d'écran de mon carrousel créé ici.
00:15:05Donc, relativement similaire, vous pouvez voir qu'il a essayé d'émuler le logo Anthropic ici.
00:15:10Je pourrais facilement fournir à Claude Code une image réelle du logo Anthropic
00:15:14et le baser dessus.
00:15:16Mais nous avons en quelque sorte cette pastille ici, plugin numéro un, mode Caveman.
00:15:21Et aussi, je ne lui ai pas dit ce qu'était Caveman.
00:15:25Souvenez-vous, il a fait ses propres recherches, a jeté un œil sur GitHub,
00:15:28et a créé tout le contenu pour nous.
00:15:30Je ne lui ai donné aucun contenu.
00:15:31Et il est allé de l'avant et a fait cela pour presque tout.
00:15:34Et vous pouvez voir ici en bas, vous savez, ce petit truc de terminal qu'il a créé,
00:15:38relativement simpliste parce que, encore une fois, il travaille juste à partir de ses propres actifs HTML.
00:15:41Je ne lui ai donné aucune capture d'écran.
00:15:43Mais le vrai pouvoir de cela se trouve ici sur les réglages.
00:15:45Donc cette idée est née de Claude Design, qui a aussi son propre mode de réglage.
00:15:50Alors je me suis dit, hé, pourquoi ne pas commencer à implémenter quelque chose comme ça,
00:15:53ce qui est assez facile à faire quand on fait notre carrousel.
00:15:56Donc je peux changer, vous savez, la taille du titre, la taille du corps, vous savez, l'opacité en arrière-plan.
00:16:03Et ensuite, je peux vraiment facilement, vous savez, changer les choses à la volée, n'est-ce pas ?
00:16:10C'est le pouvoir de tout faire via HTML plutôt que de tout faire via un générateur d'images IA.
00:16:15Et je peux ajuster n'importe quoi ici, n'est-ce pas ?
00:16:17La carte, nous pouvons l'ajuster pour tout incliner.
00:16:20Maintenant, si je change quelque chose, quand il crée ce réglage pour vous, encore une fois, j'ai ma compétence exacte dans la communauté scolaire.
00:16:29Mais si vous faites cela vous-même, il va probablement dire, hé, quand vous faites ces changements, vous devez exporter vos réglages.
00:16:34Donc, il y a “exporter les réglages” en bas, qui est juste en JSON.
00:16:38Donc, à chaque fois que nous faisons un changement, et je peux le faire sur plusieurs diapositives à la fois, j'exporte simplement les réglages, je reviens ici,
00:16:44et je les colle directement dans Claude Code.
00:16:47Et ensuite, il va le mettre à jour tout seul.
00:16:49Donc, c'est très facile de changer des choses.
00:16:51Et à partir de là, qu'allons-nous faire ?
00:16:54Eh bien, nous allons simplement parcourir les diapositives.
00:16:55Nous allons voir si cela correspond à notre vision.
00:16:57Vous savez, est-ce trop verbeux, pas assez ?
00:17:00Est-ce que ça parle des bonnes choses ?
00:17:01Et ensuite, je pense que ce que vous pouvez vraiment ajouter à cela, c'est d'ajouter des captures d'écran aux choses.
00:17:07Donc, par exemple, qu'avons-nous ici ?
00:17:10Le mode Caveman.
00:17:11Je peux donc aller sur le GitHub de Caveman.
00:17:13Et cela pourrait être aussi simple que moi prenant une capture d'écran de cette image, allant dans Claude Code,
00:17:19collant l'image dedans et disant, hé, pouvons-nous ajouter cette image à la diapositive Caveman ?
00:17:26C'est l'image Caveman à la place de ce que vous avez créé.
00:17:30Et ensuite, nous répéterions simplement ce processus encore et encore.
00:17:33Et vous pouvez voir qu'il a ajouté l'image Caveman ici.
00:17:36Et elle est assez grande.
00:17:37Donc je peux simplement, vous savez, la déplacer jusqu'à ce que j'obtienne quelque chose qui me plaît.
00:17:43Et en outre, vous pouvez aussi dire à Claude Code d'aller sur Internet pour trouver des images appropriées pour toutes ces choses aussi.
00:17:49Ce n'est pas juste du HTML ou des captures d'écran, vous pouvez être assez créatif ici.
00:17:53Et à ce stade, nous répéterions simplement ce processus jusqu'à obtenir quelque chose qui nous plaît.
00:17:58Encore une fois, en termes de créativité, une grande partie viendra de l'inspiration que vous avez trouvée.
00:18:02La mienne était celle-ci.
00:18:03Mais tout comme j'en ai parlé avant, quand nous allons chercher des carrousels sur Instagram, nous l'avons fait pour l'image de couverture.
00:18:09Vous pouvez regarder toutes leurs diapositives de corps aussi.
00:18:11Et c'est à peu près tout en termes de comment faire.
00:18:14Maintenant, pour que ça soit beau, vous savez, les choses créatives dépendent de ce dont vous parlez.
00:18:18Mais c'est ça la partie Claude Code.
00:18:20C'est la partie construction.
00:18:21Et c'est très simple.
00:18:23Et encore, comme j'en ai parlé plus tôt, vous allez juste faire ça pour tous vos carrousels.
00:18:27Et ils auront tous des modèles différents.
00:18:28Et donc quand vient le temps de, vous savez, construire le carrousel numéro 20, quand vous avez fait ça encore et encore et encore,
00:18:35vous n'avez même pas à passer par tous ces ennuis que nous avons eus jusqu'à ce point de,
00:18:38très bien, trouver l'inspiration, faire ces réglages.
00:18:39C'est déjà en quelque sorte pré-construit.
00:18:41Vous changez juste le texte.
00:18:43Et donc, c'est à travers ce processus en trois étapes de trouver l'inspiration, créer l'image de couverture avec des modèles d'image IA externes,
00:18:49et puis trois, créer les diapositives de corps avec HTML, que nous obtenons un processus durable et répétable
00:18:57qui nous donne le meilleur des deux mondes.
00:18:58Nous obtenons toute la créativité cool et toute l'imagerie cool avec les modèles d'image IA,
00:19:03pourtant le HTML est en quelque sorte l'épine dorsale, mais c'est assez facile à exécuter pour que nous puissions le faire à grande échelle encore et encore
00:19:08et ne pas rester assis à l'ordinateur pendant des heures chaque jour.
00:19:11Donc, avec tout cela à l'esprit, c'est là que je vais vous laisser aujourd'hui.
00:19:14J'espère que cela apporte un peu de lumière sur la façon de créer des carrousels qui sont juste un peu meilleurs, je pense, que ce que vous voyez là-bas.
00:19:20Ne tombez pas dans le piège du “oh, tout ce dont vous avez besoin, c'est de cette seule compétence dans Claude Code”.
00:19:25Nous pouvons faire un peu plus.
00:19:26Et encore une fois, ce n'est pas beaucoup plus de travail.
00:19:29Il suffit de construire une fondation.
00:19:31Donc, comme toujours, faites-moi savoir ce que vous en avez pensé.
00:19:34Assurez-vous de consulter Chase AI Plus si vous voulez mettre la main sur ma Masterclass Claude Code,
00:19:38ainsi que sur toutes mes compétences et exemples de carrousels.
00:19:41C'est à l'intérieur du commentaire épinglé.
00:19:43En dehors de ça, je vous verrai autour.
Community Posts
No posts yet. Be the first to write about this video!
Write about this video