Imaginez avec Claude : Un guide avec des exemples pratiques

Grâce aux fonctionnalités avancées de Sonnet 4.5, Imagine with Claude combine raisonnement, utilisation d'outils et planification en plusieurs étapes pour créer en quelques heures des bases de code fonctionnelles, des interfaces utilisateur et même des présentations.

Comment accéder à Imagine avec Claude ?

Pour utiliser Imagine avec Claude, vous pouvez accéder directement à la page Imagine avec Claude. page Imagine avec Claude ou cliquer sur le bouton « Vous souhaitez créer à partir de votre imagination ? » situé dans le coin inférieur droit de l'interface de chat habituelle de Claude.

Au 30 septembre, cette fonctionnalité n'est accessible qu'aux abonnés Max pour les cinq prochains jours. Par conséquent, si vous souhaitez l'essayer, je vous recommande de vous dépêcher ou d'attendre sa sortie. Cependant, Anthropic n'a pas encore confirmé que cette fonctionnalité deviendrait permanente dans Claude. À ce jour, il s'agit davantage d'une fonctionnalité expérimentale visant à démontrer les capacités du nouveau modèle Claude Sonnet 4.5.

Comment fonctionne Imagine avec Claude ?

L'interface de Claude Imagine est relativement simple. Nous disposons d'une interface conviviale où nous pouvons décrire ce que nous souhaitons créer. Il contient également quelques suggestions que nous pouvons utiliser si nous souhaitons simplement l'essayer et que nous sommes à court d'idées.

Le reste de l'interface est constitué uniquement d'éléments décoratifs et ludiques ; ils n'apportent aucune fonctionnalité à Imagine with Claude.

Exemple 1 : Créer un fil d'actualité de qualité

Pour commencer, j'ai souhaité essayer l'une des suggestions, j'ai donc cliqué sur la première : « Créez un fil d'actualité pour les bonnes nouvelles. »

Voici une vidéo éditée du processus de construction :

Dans cet exemple, nous constatons qu'il crée un flux contenant des informations positives. Les actualités ne sont pas cliquables ; nous ne pouvons voir que le titre, le résumé et quelques balises. En outre, la seule fonctionnalité disponible est un bouton permettant d'actualiser le flux, qui récupère et affiche une nouvelle série de bonnes nouvelles.

Comme vous avez pu le constater dans la vidéo, la fenêtre contextuelle est relativement petite pour cet aperçu de recherche.

Veuillez noter que l'application réside uniquement dans l'interface et ne peut pas être publiée. Nous ne pouvons pas non plus voir le code, et si nous actualisons la page, il sera définitivement perdu. À ce stade, Claude Image est donc simplement une fonctionnalité permettant d'explorer l'idée d'utiliser des modèles linguistiques à grande échelle (LLM) pour créer du code qui se construit lui-même.

Exemple 2 : Création d'un jeu simple

Pour le deuxième exemple, j'ai souhaité expérimenter quelque chose d'un peu plus interactif, j'ai donc demandé de « créer un jeu simple d'exploration de donjon ».

J'ai tenté cet exemple à trois reprises à partir de zéro, et à chaque fois, le même problème s'est produit. Dès que j'ai déplacé le lecteur, il est devenu invisible.

Voici une vidéo de la dernière tentative :

Nous pouvons observer dans la vidéo qu'après mon premier déplacement vers le bas, le joueur disparaît. Par la suite, j'ai tenté de me déplacer deux fois vers la droite pour vérifier si la pièce serait récupérée, et cela a été le cas. Cependant, toutes les autres pièces ont également été collectées au même moment.

Après avoir collecté les pièces, j'ai signalé le problème en indiquant que le joueur n'était pas visible et qu'il fallait y remédier. Cependant, cela n'a pas fonctionné. Tout est resté identique. J'ai vécu la même expérience lors de mes deux autres tentatives.

Dans l'ensemble, cet exemple s'est révélé assez décevant.

Exemple 3 : Développement d'une application de gestion de CV

Dans ce troisième exemple, j'ai tenté de développer une application de gestion de CV. J'ai utilisé cette invite :

« Créer un site web pour gérer mon CV. Je souhaite pouvoir ajouter toutes mes expériences professionnelles, mes compétences, les langues que je maîtrise, mes publications et toute autre information pertinente pour un CV. Ensuite, en fonction du poste auquel je postule, je souhaite sélectionner une partie de ces informations afin de créer un CV sur mesure.

À mon avis, cet exemple a bien fonctionné dans l'ensemble. Avant d'entrer dans les détails du processus de création, voici une vidéo illustrant ce processus.

L'application remplit la fonction demandée. Nous pouvons y saisir plusieurs types d'informations, puis sélectionner celles que nous souhaitons inclure.

J'ai toutefois rencontré quelques problèmes. Tout d'abord, il n'y avait pas de bouton « Enregistrer » lorsque j'ai ajouté une deuxième compétence.

Cependant, cet exemple a eu un aspect positif : j'ai souhaité sélectionner une catégorie qui n'existait pas, et j'ai pu l'ajouter de manière dynamique en demandant à Claude Imagine.

Le deuxième problème était que l'exportation au format PDF ne fonctionnait pas.

Malgré ces erreurs, j'ai constaté que cet exemple fonctionnait beaucoup mieux que l'autre. À ce stade du processus, nous n'avons utilisé que 46 % des jetons, ce qui est surprenant lorsque l'on considère que l'exemple des actualités a utilisé tous les jetons si rapidement.

Nous ne savons pas comment Claude Imagine fonctionne en arrière-plan, mais cet exemple semble indiquer que ce que nous voyons est généré à la volée à partir du contexte actuel. À mon avis, cela présente à la fois des avantages et des inconvénients. L'avantage est que cela permet d'imaginer une nouvelle vue ou fonctionnalité à partir de zéro, dès la première fois que nous cliquons sur un bouton.

Cependant, il semble qu'une fois qu'une chose est imaginée, elle n'est pas mémorisée et doit être réimaginée à chaque fois. Même les informations que nous avons saisies semblent être générées à partir du contexte, ce qui pourrait conduire à des cas où le système pourrait générer des informations que nous ne lui avons jamais fournies.

Manque d'imagination ?

J'ai également remarqué que chaque fois que j'utilise la même invite, j'obtiens des résultats très similaires. Par exemple, j'ai réessayé l'invite du gestionnaire de CV, et voici ce que j'ai obtenu :

Cette deuxième version présente de nouvelles options à gauche ; par exemple, elle comprend une section « Certifications ». Cependant, le reste est identique, y compris les informations contenues dans chaque section.

Étant donné que chaque session avec Clause Imagine est temporaire, cet outil semble plus adapté au prototypage et à l'expérimentation d'idées. Cependant, le fait qu'il propose presque toujours la même idée est assez restrictif.

Exemple 4 : Création d'un site web personnel

Dans les exemples précédents, j'ai constaté que l'interface utilisateur était toujours assez simple, et j'ai souhaité explorer un exemple où la présentation revêt une plus grande importance. À cette fin, j'ai demandé la création d'un site web personnel où je pourrais présenter mes projets personnels.

Dans cet exemple, Imagine with Claude s'est montré plus performant et a mis en œuvre les modifications que j'avais demandées via des invites. En particulier, j'ai pu :

1. Permettre la sélection d'une photo de profil.
2. Veuillez repenser l'interface utilisateur.

Il y avait également quelques bugs, par exemple, lorsque l'on cliquait sur le bouton « Afficher les projets », rien ne se passait bien que Claude Imagine ait reconnu que le bouton avait été enfoncé.

Cet exemple s'est avéré intéressant à des égards que je n'avais pas anticipés au départ. Étant donné que cette page est destinée à présenter mes applications, elle contient quelques exemples fictifs. Ces applications comportaient un bouton « Voir la démo ». Ainsi, lorsque l'utilisateur cliquait dessus, Claude Imagine devait imaginer ces applications factices et les afficher.

Pour chacun d'entre eux, un exemple concret a été proposé. Cela m'a donné l'impression d'une application dans une application, dans une application, le tout généré à la volée. J'ai trouvé cela très agréable de l'utiliser.

Cet exemple confirme également que le code est généré à chaque fois. Lorsque j'ai testé la démo de TaskMaster Pro, l'interface utilisateur des tâches a changé après avoir cliqué sur le bouton « AI Sort », puis a changé à nouveau lorsque j'ai fermé et rouvert la fenêtre.

Les limites de l'imagination avec Claude

Je pense que les principales limitations de la version préliminaire actuelle d'Imagine avec Claude sont les suivantes :

1. Manque d'imagination. J'ai abordé cet article en considérant que Claude Imagine pourrait constituer un excellent outil pour générer des idées pour une nouvelle application. Nous pourrions créer plusieurs versions et ensuite sélectionner les meilleures idées de chacune d'entre elles. Cependant, j'ai constaté que des invites similaires conduisaient à des résultats très similaires.
2. Il n'existe aucune possibilité de persistance ou de publication de l'application. Une fois la page actualisée, tout a disparu.
3. Encore quelques problèmes techniques. Il était souvent impossible de mettre en œuvre la fonctionnalité d'un bouton et d'appliquer les modifications en fonction d'une invite.

L'idée novatrice d'Imagine avec Claude

Ce qui est véritablement nouveau dans Imagine with Claude, c'est l'idée de générer du code à la volée en déterminant ce qu'un bouton doit faire par lui-même. Cela pourrait être révolutionnaire s'il était intégré à un éditeur de logiciel.

La manière dont les logiciels sont développés avec l'IA consiste à intégrer les LLM à l'éditeur de code et à leur fournir le contexte du code. Ensuite, le développeur précise les modifications qu'il souhaite voir apporter par l'IA via une invite textuelle. Avec Imagine avec Claude, nous pourrions omettre l'étape de l'invite. Il pourrait être intégré à l'éditeur, et le développeur n'aurait qu'à ajouter un bouton. Ensuite, en cliquant dessus lors de l'exécution locale de l'application, Imagine with Claude pouvait mettre en œuvre sa fonctionnalité.

Ceci n'est pas très éloigné de ce que montre la démonstration Imagine with Claude. Les seules étapes manquantes sont les suivantes :

1. L'intégrer à une base de code existante.
2. Rendre les modifications permanentes. À l'heure actuelle, il semble que la fonctionnalité soit imaginée à chaque fois, mais ce dont nous avons besoin, c'est qu'elle ne soit imaginée que si elle n'est pas encore mise en œuvre.

Une autre manière dont Imagine with Claude pourrait s'avérer extrêmement utile serait de l'associer à des outils de conception tels que Figma. De cette manière, un concepteur pourrait concevoir l'interface utilisateur en plaçant les composants là où ils sont nécessaires, puis Claude Imagine l'exécuterait et mettrait en œuvre les fonctionnalités derrière les composants de l'interface utilisateur.

Conclusion

Imagine with Claude présente un nouveau paradigme fascinant pour le développement de logiciels assistés par l'IA, dans lequel les fonctionnalités sont mises en œuvre de manière dynamique en fonction du contexte de l'application.

Cette évolution, qui s'éloigne des invites explicites, pourrait représenter l'avenir du codage et permettre aux développeurs de gagner un temps considérable. La version actuelle est davantage une démonstration technique ludique qu'un outil de développement pratique, et elle ne constitue certainement pas une raison suffisante pour souscrire au plan Max, d'autant plus qu'il s'agit d'une version temporaire et expérimentale.

Malgré ces lacunes, je crois en ce concept fondamental. Cet aperçu de la recherche semble constituer une première étape pour évaluer les possibilités, et je suis sincèrement impatient de voir comment Anthropic affinera cette idée novatrice dans sa prochaine itération.