Transcription
Cloud Code est devenu l'outil de conception numéro un au monde. Et 99% des gens ne s'en rendent même pas encore compte. J'ai découvert un nouveau système qui crée de magnifiques designs pour n'importe quelle tâche. Et dans cette vidéo, je vais vous montrer comment créer ces designs magnifiques et interactifs en quelques minutes, vous faisant gagner du temps, vous rapportant plus d'argent et vous plaçant des années-lumière devant vos concurrents. Et si vous ne savez pas qui je suis, mon nom est Jack Roberts. J'ai créé et vendu ma dernière startup technologique avec plus de 60 000 clients. Et maintenant, je dirige une startup d'IA en croissance rapide et j'enseigne à des milliers de personnes chaque jour. Alors, si ce n'est pas déjà fait, prenez ce café et plongeons directement.
Alors, voici le système de conception de Claude Code et cela va vous époustoufler. Et je vais vous montrer quelle est la prémisse ici. L'idée est que nous allons coder quelque chose une fois et une fois que nous aurons fait cela, nous pourrons le reproduire à l'infini. Le paysage des outils de conception a légitimement changé et je vais vous expliquer exactement pourquoi. Mais tout d'abord, nous devons comprendre l'apocalypse du contenu généré par l'IA.
La plus grande critique concernant le contenu généré par l'IA est principalement le fait qu'il a tous exactement le même aspect. Spécifiquement, il a la même section d'en-tête. S'il s'agit d'un site Web, vous verrez des dégradés violets. Vous verrez Interfont. Vous verrez les trois boîtes arrondies classiques. On le voit à des kilomètres. Selon Inblad Science, les sites de qualité convertissent environ 91% mieux que les sites ordinaires. C'est donc le malentendu général sur l'IA et la conception que je veux démolir dès maintenant.
Maintenant, voici une grande percée et nous en avons parlé récemment dans une vidéo : le code peut effectivement être transformé en conception. C'est ce que je veux dire. L'IA est incroyable pour le code. La conception peut en fait être codifiée. C'est la prémisse centrale de ceci et pourquoi Claude Code est exceptionnel. Les typographies évoluent, les systèmes d'espacement, les jetons de couleur, les grilles de mise en page. Si vous pouvez expliquer à Claude Code à quoi ressemble une excellente conception, vous pouvez la produire à la demande autant que vous le souhaitez, dans n'importe quel style que vous souhaitez. Il suffit de pouvoir l'expliquer.
Donc, vous le débloquez ici : une fois que vous connaissez les composants de conception, vous pouvez simplement donner les ressources à Claude, expliquer à quoi ressemble une bonne conception, et ensuite vous pouvez essentiellement la faire décoller. Le point clé est que la conception n'est pas une forme d'art réservée aux spécialistes. C'est un système qui peut en fait être codé.
Maintenant, voici le truc. Ce système que je vais vous montrer dans cette vidéo avec ce nouvel outil débloqué ne fonctionne pas seulement sur une chose. Vous pouvez l'expliquer pour n'importe quoi. Donc, des pages de destination et des applications, des présentations HTML. En fait, la chose même que vous regardez en ce moment a été créée avec des graphiques, des rapports et des propositions de marque Claude, de la visualisation de données, même des systèmes d'identité.
Maintenant, le tout nouvel outil vient de sortir sur GitHub et je vais vous le montrer car je pense que cela s'explique mieux avec un exemple, puis je vais vous montrer comment vous allez le rétro-concevoir pour l'appliquer à peu près à n'importe quel élément de conception que votre entreprise possède. Et une fois que vous l'avez créé, vous pouvez, en un clic, concevoir tout cela quand vous le souhaitez.
Ceci s'appelle awesome design. Vous pouvez voir à quel point cela se développe rapidement. Il a près de 50 000 étoiles en 2 semaines. Et l'idée est que vous obtiendrez un système de conception en texte brut pour chaque domaine de votre entreprise. Cette compétence particulière dispose de plus de 55 systèmes de marque disponibles pour de nombreux sites Web différents. Et ce système de conception crée de belles choses comme ceci en un clic.
Donc, si vous créez des sites Web, ils peuvent ressembler à ceci. Si vous créez des systèmes de conception et des présentations HTML, vous pouvez en créer de magnifiques qui sont super interactifs. Vous pouvez créer des sites Web inspirés de Spotify, des sites Web de tarification inspirés de Stripe. Vous pouvez obtenir ces belles pages ici pour vendre des produits, tout comme Nike. Et cela continue encore et encore.
Maintenant, cela s'explique mieux en pratique. Nous allons donc ouvrir la compétence ensemble. Mais la compétence n'est pas vraiment le but. Le but est la stratégie qui se cache derrière la compétence. Et je vais vous montrer exactement comment vous pouvez l'utiliser pour essentiellement pirater la conception de tout dans votre entreprise en un processus très simple en cinq étapes. Magnifique.
Commençons donc par ouvrir cette invite de conception. Donc, si vous cliquez sur le lien, je vais tout mettre ci-dessous pour vous. Vous pouvez donc littéralement aller de l'avant et le récupérer. Et tout ce que vous allez faire, c'est descendre jusqu'à code ici et cliquer sur copier. Ensuite, nous allons nous diriger vers notre environnement de développement intégré de choix. Je vais utiliser anti-gravity. Et une fois que vous avez ouvert anti-gravity et si cela vous semble de l'espagnol, regardez cette vidéo à l'écran. J'expliquerai tout en détail.
Eh bien, génial. Bienvenue de retour si vous avez regardé ça. Maintenant, c'est une bonne occasion de comprendre ce qu'est design.mmede et le principe derrière cela, car rappelez-vous, il s'agit juste de la philosophie. Le point clé ici est de faire comprendre à CL à quoi ressemble une excellente conception et une fois qu'il comprend cela, vous pouvez tout construire.
Alors, voici comment cela fonctionne. Si je descends et que je montre à quoi cela ressemble, c'est un fichier markdown, pas d'exportation Figma, pas de schéma JSON, pas d'outils spéciaux. Vous pouvez simplement parler à Claude et cela fonctionnera pour vous. C'est comme ça que ça marche. C'est vraiment, vraiment cool.
Maintenant, si vous regardez la collection qu'ils ont ici pour les plateformes d'IA et de LM, en fait, ce qu'ils ont fait, c'est de prendre l'essence et le type d'infrastructure de conception pour tous ces merveilleux sites Web. Cursor expo, lovable, click house, vous savez, vous le nommez littéralement en fonction de ce qu'il est pour la base de données backend et le DevOps, la productivité et le SAS. Vous avez toutes ces choses fantastiques que vous concevez. Et en effet, toutes les choses que je vous ai montrées ici, par exemple, ceci et ceci et ceci ont toutes été faites en une seule fois. Et vous pouvez construire des choses qui ressemblent à ceci. C'est vraiment cool. C'est quelque chose que vous pourriez faire chaque fois que vous vous envolez quelque part. Cool. Ne peut même pas juste.
Et c'est pourquoi Canva et Figma et en tant qu'utilisateur assidu de Canva depuis de nombreuses années, je peux vous dire que c'est quelque chose qui vaut vraiment la peine d'être compris. Même des choses comme ces choses interactives avec lesquelles vous pouvez jouer, de petites choses que vous pouvez maintenant assembler instantanément sur clawed code à partir d'une seule invite.
Nous devons maintenant revenir à anti-gravity. Maintenant que nous sommes ici, nous allons aller sur le côté gauche, cliquer sur claw code. Si vous ne l'avez pas, vous pouvez simplement le stocker dans extensions ici. Je suis sur local et nouvelle session. Une fois que nous sommes ici, nous allons dire : "Bonjour, j'aimerais installer ce dépôt GitHub, s'il vous plaît." Et ensuite, nous allons simplement aller de l'avant et coller le dépôt. Ensuite, il s'installera naturellement.
Laissez-moi cliquer sur files. Nous pouvons voir awesome design.MD. Et vous pouvez voir si je clique à nouveau sur design.MD, vous voyez tous ces sites Web qu'il a ici, n'est-ce pas ? Open code, Postgog, Stripe, Spotify, SpaceX, Wise, vous le nommez littéralement. BMW, Apple, plein de choses.
Donc, par exemple, ce que nous pourrions faire si vous cliquez sur BMW par exemple, il a essentiellement toutes les informations et il a tous les détails du système de conception sur le site Web, ce qui est cool. Donc, ce que nous allons faire, c'est donner l'invite suivante qui est : "Bonjour mon gars, ce que j'aimerais faire, c'est créer deux sites Web basés sur cette compétence. Je veux que vous alliez de l'avant et que vous construisiez pour moi. Premièrement, allez-y et pourquoi ne pas faire lovable, puis après lovable, allez-y et faites-en un sur Lama pour que je puisse voir toute la puissance de ceci et faites-en même un troisième pour moi. Faites aussi SpaceX et ensuite nous envoyons celui-là." Magnifique.
Et maintenant, nous faisons trois grandes, belles et solides créations et vous pouvez voir qu'il est descendu, il a tout rassemblé, il a fait la recherche. Donc, nous pouvons dire génial. Ouvrez ces trois-là pour moi en local. Maintenant, ce qui est intéressant ici, ce n'est pas vraiment le fait qu'il ait construit des sites Web. C'est la façon dont il l'a fait et comment nous pouvons exploiter Claude code pour résoudre efficacement n'importe quel problème de conception que vous avez. Et l'avenir vers lequel nous nous dirigeons est que nous allons vivre dans un environnement axé sur le code pour la conception. Et il y a une opportunité très unique que vous pouvez exploiter dès maintenant si vous utilisez le système que je vais vous montrer.
Alors, parcourons et ouvrons les trois rapidement. Alors, voici. Ok, c'est lovable. Comme vous pouvez le voir, vous avez la chose de frappe qui apparaît. C'est le site Web qui apparaît pour vous. En descendant, gardez à l'esprit que c'est complètement en une seule fois. En utilisant les mêmes principes de conception. Descendez. Plein de choses cool. Magnifique.
Revenons en arrière. Jetons un coup d'œil à O Lama. Il a l'air un peu plus axé sur le code. Très décent. Vous pouvez voir qu'il y a ces diagrammes dessus. Encore une fois, ils ont l'air assez décents. Assez élégants. Plein d'idées différentes. Et puis tout cela s'écoule. Et puis enfin, jetons un coup d'œil rapide à SpaceX. Encore une fois, en une seule fois. Descendez, regardez. Très interplanétaire, très lié à SpaceX.
Comme vous pouvez le voir, vous pouvez effectivement construire ces choses très rapidement, mais vous pouvez aller beaucoup plus loin. Et il y a une raison pour laquelle ce dépôt GitHub est tendance. Donc, si je reviens en arrière, pas vers le site Web qu'il a fait sur Lamborghini, mais si je reviens à notre système ici, par exemple, euh, il y a un processus très simple en cinq étapes que nous pouvons faire pour reproduire à peu près n'importe quoi. Et en fait, la chose que vous voyez ici est l'un de mes propres systèmes Claw que j'ai dans ma communauté car les gens aiment tellement ça. J'ai eu tellement de questions comme, Jack, qu'est-ce que c'est ? Comment je l'utilise ?
Donc, cinq choses que vous devez faire. La première chose que vous devez faire est d'aller de l'avant et de choisir votre format. Maintenant, cela peut être n'importe quoi que vous voulez. Cela peut être un site Web, une présentation, un post sur les réseaux sociaux, une infographie, un document, peu importe. Je commencerais par la chose à plus fort effet. Quelque chose que vous faites assez régulièrement. Par exemple, je fais des vidéos assez souvent. Par conséquent, un système de conception qui fonctionne pour moi, ce serait quelque chose comme ceci, comme une chose de présentation. De même, si vous êtes quelqu'un qui voyage, vous avez des équipes qui voyagent et vous voulez créer quelque chose comme ceci, c'est encore super facile à faire. Et ce qui est cool à ce sujet, c'est qu'en fait, si je le rafraîchis et que je vous le montre, je l'ai connecté à beaucoup d'autres choses. Donc, pour tous les voyages que j'ai, je peux facilement parcourir ceux-ci et il affichera celui que je vais réellement faire et vous pouvez le partager quand vous le souhaitez.
Donc, l'étape un consiste à définir quel sera votre format réel. Donc, pour nous, disons par exemple que nous allons construire une présentation. Eh bien, allons à Claude et construisons quelque chose ensemble.
Maintenant, le meilleur système de conception au monde ne vous servira à rien si nous ne savons pas comment l'appliquer au quotidien, c'est pourquoi la première étape est de choisir vos conceptions. Et la philosophie ici est que nous voulons être axés sur la conception. Donc, nous voulons être axés sur le code lorsque nous choisissons ce que nous voulons faire. Par exemple, nous pourrions faire des pages de destination et des applications comme je viens de vous le montrer avec Lamborghini et Spotify et des choses de Stripe. Nous sommes à l'ère où si vous trouvez quelque chose qui est une bonne conception, vous pouvez essentiellement le faire.
Donc, nous avons des sites Web. Nous avons couvert cela en détail. Des présentations HTML, tout comme celle que vous regardez en ce moment. Nous pourrions faire des graphiques de marque, des systèmes d'identité, visualiser nos données, ou des rapports et des propositions. Pour celui-ci, nous allons aller de l'avant et choisir des présentations HTML. J'utiliserais souvent le cadre suivant. Je choisis ce que vous passez le plus de temps à créer et ce qui aurait le plus d'impact si vous l'automatiser, car l'idée ici est que nous trouvons l'excellence et nous créons l'excellence, puis nous la systématisons et créons une compétence avec Claude qui la produira toujours à ce niveau et il y a autre chose que nous pouvons faire qui la porte à un niveau de performance complètement différent.
Maintenant, une fois que nous avons pris le beau café et noté tous les différents points d'intégration que nous voulons faire, la prochaine chose que nous devons faire est d'équiper Claude code de la capacité et des ressources pour faire efficacement tout ce dont nous avons besoin. Et donc, nous allons aller de l'avant et télécharger l'application Claude. Et quand vous le faites, vous verrez trois choses en haut. Vous verrez chat, co-work et code. Rappelez-vous, codework est la version conviviale du code. Si vous pouvez utiliser le code, je vous recommande toujours d'y aller. Ce que nous recherchons particulièrement ici, c'est dans plus d'options et cliquer sur connecteurs. Et ce sont toutes les applications ou les outils que nous allons donner à Claude Code.
Maintenant, si vous construisez un système de conception, il y a quelques choses différentes que nous allons vouloir faire. Tout d'abord, nous avons des dépôts comme je vous l'ai montré ici dans anti-gravity. Ce magnifique dépôt de conception pour les sites Web ainsi que les autres systèmes que je vous ai montrés ici. Mais si vous regardez celui que j'ai construit, par exemple, l'une des choses clés que nous voulons lui donner comme outil est la capacité de parcourir les sites Web et d'obtenir des informations et des recherches qui ne sont pas normalement disponibles par simple exploration régulière. Et grâce à cela, nous voulons lui donner accès à quelque chose appelé firecrol.
Maintenant, ce qui est cool avec firecraw et je vais le montrer ici maintenant, c'est qu'il peut faire des choses avec la recherche de sites Web que beaucoup de choses basiques ne peuvent pas faire. Donc, il ne fera pas seulement, c'est essentiellement comme parler à un site Web et vous pouvez extraire des choses comme l'identité de marque, les logos. Par exemple, si je descends ici et que je vais sur glido.com. Maintenant, glido.com est la chose ironiquement que j'utilise pour en parler. Donc, je descends ici, je peux trouver des choses comme la marque et les images et je peux obtenir le HTML. Je peux obtenir tout ce que je veux. Je peux commencer à explorer. Regardez ceci par exemple.
En ce moment, je donne à tous mes agents accès à firecrol car c'est tellement puissant. Mais la chose étrange est que si vous revenez et terminez la recherche, nous pouvons maintenant en extraire des choses. Alors regardez, je descends à la marque et vous pouvez voir à quel point cela pourrait être précieux. Obtenir leurs logos, obtenir leurs couleurs d'accentuation, obtenir la typographie que nous pouvons maintenant extraire. J'aime donc l'équiper de toutes les compétences appropriées. La première d'entre elles sera certainement firecrol. Et la façon dont nous l'obtenons est de descendre ici au bouton plus. Bien sûr, nous allons aux connecteurs. Nous allons gérer les connecteurs. Et je n'ai pas fire crawl ici, donc je peux vous montrer à quoi cela ressemble.
Ce que vous allez faire, c'est descendre au bouton plus ici. Cliquez sur parcourir les connecteurs. Maintenant, vous essayez de trouver celui que vous recherchez. Évidemment, la première chose que nous voulons est une puissance de recherche et firecrol est là. Alors, comment l'intégrer à Claude ? Eh bien, vraiment simple, n'est-ce pas ? Vous tapez ce que vous voulez. Si vous ne le trouvez pas, ce n'est pas grave. Vous cliquez et au lieu de cela, nous allons cliquer sur le plus et cliquer sur ajouter un connecteur personnalisé, puis vous allez cliquer sur firecrawl. Ensuite, nous allons simplement demander à Claude, quelle est l'URL du serveur MCP distant ? Et donc la chose la plus simple à faire est de prendre une petite capture d'écran de ceci, d'appuyer sur entrée, puis de demander simplement à Claude : "Bonjour, quel est le serveur MCP distant pour Firecrawl ?" Maintenant, je pourrais vous donner l'exact, mais je pense que je veux juste vous montrer le processus d'ajout d'éléments manuels.
Maintenant, la recherche est une chose, mais je trouve, vous savez, ne serait-il pas formidable si vous pouviez spécifier plusieurs types de ressources différents, ce à quoi je vais arriver dans une seconde. Cool.
Donc, maintenant nous avons l'URL du sous-serveur MCP distant. Nous allons la déposer, puis nous devons simplement ajouter la clé API. Alors, allons la chercher. Et si vous allez sur la page d'accueil, c'est littéralement là. Cliquez simplement sur copier. Et ensuite, nous allons simplement remplir les blancs ici. Ensuite, une fois que vous avez cliqué sur ajouter, rappelez-vous que vous voulez supprimer les accolades. Vous pouvez voir que nous avons firecrawl. Maintenant, je clique dessus et regardez ceci. Nous avons tout. Je vais autoriser toujours car c'est bon pour ceux-ci. C'est décent.
Maintenant, nous avons ajouté firecrawl à notre système et nous pouvons maintenant l'intégrer à tout ce que nous voulons et vous ajoutez simplement tous ceux que vous souhaitez. Et pensez donc à toutes les différentes connexions et compétences auxquelles vous souhaitez avoir accès. Cela pourrait être votre Gmail. Si vous créez des présentations pour des clients, vous pourriez vouloir avoir accès à votre calendrier, à vos e-mails. S'il s'agit de présentations, vous pourriez utiliser quelque chose comme granola, comme "Hé, quelles étaient les transcriptions que j'ai dites ?" Par exemple, j'ai une compétence ici et je peux dire : "Bonjour, ma dernière réunion, pourriez-vous me dire une action que j'avais à faire à partir de cela, s'il vous plaît ?"
Maintenant, ceci est connecté à moi pour granola. Ce que cela signifie, c'est qu'en fait, je peux maintenant poser des questions à ce sujet. Et si je crée, vous savez, des réunions, si je crée des présentations pour des clients, je peux demander, hé, j'ai parlé à untel de ceci hier, vous savez, qu'est-ce que j'ai couvert à ce sujet ? Ou comme je dois faire une présentation sur les prochaines étapes. Je peux parcourir cela, obtenir les informations, le faire.
Donc, comme vous pouvez le voir, il a maintenant été téléchargé sur la base de cette intégration grill. Donc, si je faisais une présentation pour un client sur les prochaines étapes, j'ajoute maintenant tout. La chose clé est donc d'ajouter toutes les intégrations et cela pourrait également être des compétences.
Maintenant que nous avons les connexions, celles-ci ne nous aideront pas vraiment à moins que nous ayons une sorte de directives stylistiques sur ce à quoi ressemble l'excellence pour votre projet spécifique. Et la bonne nouvelle est qu'il existe un hack très rapide que vous pouvez utiliser. Et par hack, je veux dire que nous trouvons à quoi ressemble une excellente conception. Je commence toujours par le résultat final, qui est généralement ce que je veux qu'il se passe à la fin de X. S'il s'agit d'une présentation, je veux qu'elle soit claire, que vous la trouviez intéressante et que vous en tiriez le maximum de valeur possible. S'il s'agit d'une présentation de vente, je peux vouloir qu'ils achètent. Nous commençons donc par la fin.
La façon dont nous commençons est de venir à Claude. Et nous lui donnons essentiellement une invite qui ressemble à ceci : "Salut mec, je voudrais créer une compétence pour créer des présentations. Le format de la présentation sera de 16 par 9. Je voudrais définir à quoi ressemble l'excellence. Je vais vous donner de beaux matériaux pour que nous puissions discuter et échanger sur un style souhaité. Une fois que nous aurons fait cela et que nous en serons satisfaits, je m'assurerai que vous utilisez les bonnes compétences, les bonnes connexions, et ensuite nous allons coder cela pour en faire une compétence que je peux utiliser quand je veux pour créer cette chose. Avez-vous des questions pour moi initialement ?"
Ensuite, je vais aller de l'avant et je vais vous fournir les ressources de base que je veux que vous utilisiez. Maintenant, quand je pense aux ressources de base, je pense aux polices, à la typographie, et nous regardons aussi les images générales.
Donc, le premier endroit où j'irais, en fait, croyez-le ou non, c'est que vous avez midjourney. Vous pouvez donc même aller sur midjourney et taper présentation. Très simple. Bam. Et jetez un coup d'œil. Vous pouvez voir que pour certaines présentations, vous vous dites que Mid Journey est généralement plus bon pour les illustrations, certains styles d'illustration. Vous pouvez venir sur IDMJourney juste pour vous inspirer, vous pensez que c'est vraiment cool, comme hé, ça n'a pas l'air vraiment cool ? J'aime le look de ça. Je vais juste copier ça comme style d'illustration, d'accord ? Donc, je reviens, je le dépose littéralement, hé, je dépose quelques styles et illustrations que j'aime le mieux. D'accord, déposez ça.
Un autre excellent site Web à mettre sur votre radar est godly website. Ce sont des choses si vous mourez pour des sites Web que vous pourriez trouver vraiment cool. Ce sont juste de très beaux sites Web et vous continuez à faire défiler, littéralement pour toujours. Qui sait ? Qui sait où se termine ce site Web ? Qui peut dire ? Un autre. Super ici. Vous avez 25.dev community components et le bon vieux invaincu. Vous pouvez simplement aller sur Google comme de belles présentations de sites Web. Ou en fait, si vous avez juste de belles présentations comme ça, et vous pouvez littéralement aller dans les images, trouver celles qui vous semblent cool. Vous aimez, qu'est-ce que j'aime le look ? Quel style j'aime ? Un autre bon est Canva. Vous pouvez simplement prendre et déplacer n'importe quoi que vous voulez là-bas.
Et ensuite, je vais revenir pour répondre aux questions de Claude. Donc, ici, nous allons lui donner quelques réponses. Donc, le format de sortie sera une présentation HTML autonome. Oui, j'aimerais ça, s'il vous plaît. Euh, la portée du contenu sera pour, disons, l'éducation pour mes vidéos. Génération d'images. J'aimerais que vous puissiez générer des images nano banana sur les diapositives lorsque c'est pertinent. Interactivité. Oui, j'adorerais les animations, les transitions. Cela semble magnifique. Rendez-le visuellement magnifique. Et pour correspondre à ma marque, je vous donnerai les directives de la marque. Vous avez en fait accès à firecrol. Donc, j'aimerais que vous alliez chercher les directives de la marque Glido sur glido.com. Cool.
Ensuite, l'autre chose que je recommande de faire si vous faites des présentations est de simplement spécifier si c'est détaillé ou non. Donc, j'ajouterais simplement : j'aimerais que ce soit plus une présentation. Donc, pas des tonnes et des tonnes de texte. Générez-moi simplement trois diapositives pour vous montrer ce que je veux dire. J'ai également joint un style d'illustration. Je veux que vous décomposiez à quoi cela ressemble, puis que vous me montriez peut-être une des images avec. Et l'une devrait avoir du HTML dedans aussi. J'aimerais aussi le logo Glider dans le coin inférieur droit. Extrayez-le en utilisant votre compétence fire crawl.
Maintenant, ce que j'utilise ici pour la génération d'images est quelque chose appelé KIA API, ce qui est génial. Donc, si vous allez ici, Kia est juste le moyen le moins cher que j'ai trouvé jusqu'à présent pour exploiter Nano Banana 2, ce qui est fantastique. Maintenant, ce qui est cool ici, c'est que si vous pouvez littéralement, si je vais sur les prix par exemple, c'est à peu près, c'est assez bon marché. Si je tape Nano Banana 2, je crois que c'est environ 50% moins cher. Donc, vous mettez des crédits ici. Est-ce que ça vaut le coup ? Je pense vraiment que oui. Je veux dire, vous pouvez être de cela si vous voulez ces belles présentations, de belles images. C'est super facile à faire et c'est comme six cents pour l'image, n'est-ce pas ? Ce qui est assez, assez bon marché et vous pouvez littéralement juste l'intégrer dans Claude, comme tout le reste.
Ensuite, une fois que nous avons effectivement fourni tout cela à Claude, la prochaine chose que nous devons faire est de créer la présentation elle-même afin que nous puissions ensuite la rendre épique. Et l'étape de la présentation est littéralement juste la création de la première génération. Maintenant, la chose clé que nous devons faire ici est essentiellement d'inscrire nos principes de conception entrelacés avec ce que nous faisons pendant qu'il analyse les choses. Par exemple, nous voulons être spécifiques à ce sujet.
Donc, je voudrais commencer par des métaphores dans la présentation lorsqu'elles sont conçues. Je veux que ce soit beau à regarder et je veux que vous fassiez des recherches sur ce qui fait de bonnes présentations et que vous l'implémentiez tout au long du processus. Donc, ici, par exemple, ce que nous avons fait, c'est que nous avons obtenu les informations de Glider, n'est-ce pas ? Nous obtenons la marque, nous obtenons tout ce dont nous avons besoin ici. Vous pouvez voir qu'il trouve littéralement quelle est cette identité de marque afin que nous puissions l'intégrer dans la présentation pour que nous soyons cohérents avec exactement ce que nous construisons. Et les gars, regardez ça. Et il a littéralement extrait la typographie exacte. Et regardez, il a mon logo en bas à droite. Et il a zéro un sur trois en bas à gauche. C'est fou. Comment je sais ça ? Eh bien, parce que du site Web, c'est la couleur et le logo exacts. Il l'a fait juste en le rassemblant avec fire crawl. C'est fou, non ?
Je passe à la diapositive suivante et regardez, il l'a extrait dans le style exact que nous lui avons donné, n'est-ce pas ? C'est fou. Si je monte à ceci, comment je sais ça ? Regardez, c'est le style de référence. C'est le style qu'il a suivi. Voyez-vous à quel point c'est ridicule en fait ? ceci maintenant. C'est essentiellement votre imagination et il le fera pour nous. Ensuite, sur la page de la miniature, qu'avons-nous ? Nous avons des logos. Nous avons différentes choses ici. Je pense que c'est cool. Et il a même une animation. Il a ajouté des animations à la diapositive. C'est ce que nous traitons maintenant en 2026. C'est ridicule.
Et une fois que vous avez la présentation principale, il y a une dernière chose que nous devons faire, qu'il s'agisse d'un site Web, d'une présentation ou d'une application, et c'est de simplement la rendre parfaite pour exactement ce que nous recherchons. Donc, une fois que vous avez le premier brouillon initial, la prochaine chose que nous devons faire est de nous assurer qu'il est affiné et qu'il fonctionne parfaitement pour tout ce que vous essayez de faire. Parce que lorsque nous maîtrisons cela, c'est une commande et ensuite nous nous asseyons, nous prenons notre café et nous passons un moment merveilleux. Et ensuite, nous lui donnons simplement des commentaires.
Vous pourriez donc dire quelque chose comme : "Salut mec, avant de faire une présentation, je vais te donner une idée. Je veux que tu fasses des recherches approfondies. Je veux que tu lances des sous-agents et que tu vérifies ces recherches afin que la présentation soit basée sur la vérité réelle que je veux de toi, un téléchargement de texte sur toutes les sources." Et ensuite, vous pourriez dire quelque chose comme, et en termes de conception, je veux simplifier. Je veux dire, je n'aime pas le maintenant en direct et en version bêta. N'ayons jamais ça. Assurons-nous d'avoir le logo au centre du premier diaporama de tout. Et le dernier diaporama devrait être le logo du client que vous allez aller chercher en vous basant sur la transcription que je vous donne. Et en fait, nous allons et venons comme ça, l'affinant jusqu'au point. Et ensuite, quand tout est terminé, ce que vous allez faire, c'est descendre et dire essentiellement, je voudrais transformer tout cela en une compétence. Donc, je vais vous donner des informations à l'avenir, et vous allez produire cela pour moi systématiquement. Et à ce moment-là, Click Code transformera vos ressources de conception en une compétence.
Maintenant, pensez à tout ce que nous avons fait ici, car c'est tellement, tellement important de garder à l'esprit. Nous avons en fait fait cinq choses ici. Ok. Maintenant, c'est un système qui peut concevoir n'importe quoi. Nous avons choisi notre format, sites Web, présentations, posts sur les réseaux sociaux. Nous avons fait les intégrations, les différents outils, fire crawl, Kia API, peut-être que vous voulez intégrer YouTube, peu importe, ou peut-être notebook LM, peu importe ce que vous voulez. Nous lui avons donné des matériaux de référence pour les choses que nous voulions créer cette philosophie de conception et ensuite nous l'avons générée pour arriver à 80% du chemin. Ensuite, nous l'avons simplement affinée, lui avons donné ces micro-polissages, et ensuite elle est essentiellement prête à partir.
Et la chose amusante ici, c'est que les chiffres à ce sujet ne mentent pas. Maintenant, regardez ceci. Awesome Design a plus de 46 000 étoiles en 2 semaines. Vous pouvez dire que ces systèmes gagnent du terrain, et ils gagnent du terrain pour une raison. Campber Magic Studio, par exemple, a 260 millions d'utilisateurs. La valorisation est de 42 milliards. L'une des entreprises australiennes les plus prospères de tous les temps. C'est essentiellement la conception, l'avenir de la conception que nous voyons ici. Les conférences sur les systèmes de conception par IA sont à guichets fermés car il y a tellement d'intérêt et d'informations à ce sujet. Vous pouvez voir ici, par exemple, des situations où mes recherches sur Figma ont chuté. Nous avons des conférences de conception à guichets fermés et nous avons même des gens qui ont besoin d'utiliser ces logiciels de conception spécialisés de moins en moins. Cela ne fera qu'augmenter avec le temps.
Maintenant, j'ai fait un peu de recherche intéressante, assez drôle, en utilisant le même système que je vous montre pour comprendre ce que les gens disent réellement de la conception. Ce qui est vraiment intéressant cependant, c'est que 53% des gens commencent déjà à comprendre cela. Et avec des systèmes comme celui-ci, nous devons embaucher moins de designers. C'est là que nous allons. Mais que faites-vous pour votre propre situation spécifique ?
C'est donc ce que vous devriez faire dès maintenant. Si vous êtes un créateur et un fondateur, vous devez commencer par cela immédiatement. Cela vous fera économiser tellement d'argent et vous rapportera plus d'argent en créant de magnifiques designs qui ressemblent à ceci. Vous voulez obtenir des fichiers de conception pour les marques que vous désirez et suivre le même processus élément par élément pour votre entreprise.
Si vous êtes un développeur, vous connaissez le codage. La conception, c'est juste du codage plus du goût. Nous sommes maintenant à une époque où les créatifs peuvent simplement réaliser leur propre vision. C'est là que nous en sommes. Récupérez le dépôt ci-dessous dans la section des ressources gratuites et vous pourrez commencer à voir comment cela fonctionne.
Et si vous êtes une équipe entreprenante, l'idée ici est que vous n'allez pas démanteler vos systèmes principaux du jour au lendemain. Bien sûr, vous ne le ferez pas, mais vous devez commencer à devenir une entreprise axée sur la conception en fonction de là où vous en êtes. Donc, action du lundi, créez votre première compétence de conception. C'est la chose que je veux que vous fassiez maintenant, c'est de suivre ce système exact et de créer votre toute première. Mais cela nous amène à un dernier problème, et c'est le fait que nous lui donnons des informations, mais il perdra le contexte. Il a une amnésie et un problème de mémoire. C'est pourquoi la prochaine chose que nous devons faire est de résoudre ce problème de mémoire afin que nous puissions évoluer plus rapidement que jamais.