Tu connais ça ? Tu demandes quelque chose à une IA, tu reçois tout un récit et tu dois ensuite chercher le petit bout que tu peux utiliser. Claude Artifacts aborde cela différemment. Tu vois immédiatement ce que tu crées dans un écran séparé et tu peux l’ajuster directement. Ça donne l’impression de construire ensemble avec Claude plutôt que de simplement donner des instructions. Tu n’as rien à copier ou coller, tout est déjà prêt à l’emploi. Que tu sois designer, enseignant ou marketeur, tu peux créer en quelques minutes quelque chose qui fonctionne bien, et le plus beau, c’est qu’en cours de route, tu apprends comment les choses s’assemblent.
Artifacts est une fenêtre supplémentaire à côté de votre chat. Vous demandez du code ou un site web, et le résultat apparaît à droite de votre écran. À gauche, vous discutez avec Claude, à droite, vous voyez ce qui en ressort. Tout reste ainsi bien organisé.
Claude décide lui-même quand quelque chose est suffisamment important pour un Artifact. Généralement pour des morceaux de plus de 15 lignes que vous souhaitez modifier par la suite. Vous indiquez ce que vous voulez et Claude le réalise.
Le plus : vous pouvez continuer à travailler sur le même Artifact. Vous voyez une erreur ou souhaitez ajouter quelque chose ? Donnez votre retour et Claude l’adapte sans repartir de zéro. Toutes les versions restent conservées, vous pouvez donc toujours revenir à une variante précédente.
Qu’est-ce que vous pouvez créer avec ça ? Pensez à des sites web interactifs avec React, des visualisations de données, des images SVG, des documents markdown ou des pages HTML. Vous pouvez télécharger l’Artifact, le copier ou le tester directement dans votre navigateur. Fini les tracas liés au glisser-déposer de fichiers.
Claude collabore avec vous jusqu’à ce que ce soit exactement comme vous le souhaitez. Demandez d’agrandir un bouton, d’utiliser d’autres couleurs ou d’ajouter des fonctionnalités supplémentaires. La fenêtre reste ouverte pendant que vous continuez à échanger, vous voyez donc immédiatement ce qui change.
Vous pouvez créer toutes sortes de choses. Claude artifacts utilise du Code en Python ou JavaScript qui fonctionne immédiatement. Des pages web qui s’exécutent directement. Des graphiques et des diagrammes. Des documents avec la mise en forme correcte. Même des jeux simples.
Exemple pratique : téléchargez un Excel avec des chiffres et demandez d’en faire un graphique. Claude comprend les données et construit la visualisation.
La fonctionnalité est généralement déjà activée. Sinon, vérifiez dans les Settings. Ça fonctionne aussi sur votre téléphone.
Tapez ce dont vous avez besoin. Par exemple : « Crée une application de flashcards où je peux choisir le sujet moi-même. » Vous verrez que Claude a directement créé une application fonctionnelle. Trop grand ? Demandez : « Réduis le texte. » Trop ennuyeux ? « Ajoute un bouton. » (Dans ce cas, des flashcards pour apprendre le japonais.)
Sélectionnez un passage et cliquez sur Improve pour des modifications ou sur Explain pour une explication. Chaque modification devient une nouvelle version. Ça ne vous plaît toujours pas ? Revenez en arrière avec les flèches en bas.
Sur claude.ai/artifacts, vous trouvez tout ce que vous avez déjà créé. Votre propre galerie. Vous y trouvez aussi des exemples d’autres personnes que vous pouvez copier et adapter. Recherchez par exemple « Learn something » pour du matériel pédagogique ou « Play a game » pour des jeux.
Vos artifacts sont liés à vos conversations. Cliquez sur un artifact et vous revenez directement à la conversation où vous l’avez créé.
Pratique si vous voulez savoir quelles instructions vous avez données ou si vous souhaitez poursuivre un projet.
Chaque artifact reçoit un lien public que vous pouvez partager. D’autres personnes peuvent alors voir ce que vous avez créé et l’utiliser comme point de départ pour leur propre version. Elles ne modifient pas votre original – chacun travaille dans sa propre copie.
La fonction de filtrage vous aide à trouver rapidement ce que vous cherchez. Triez par date, type de fichier ou parcourez toute votre collection. Vous menez beaucoup de projets différents ? Vous gardez ainsi facilement une vue d’ensemble.
Les utilisateurs Team peuvent partager leur travail en toute sécurité avec leurs collègues. Vous voyez les artifacts les uns des autres au sein de l’environnement d’équipe et pouvez ainsi apprendre les uns des autres ou travailler ensemble sur des projets.
Tu crées quelque chose de sympa ? Partage le lien. Peu importe que 10 ou 1000 personnes l’utilisent, tu ne paies rien. Leur utilisation ne compte pas pour toi.
Encore plus fort : tu peux désormais créer des apps qui dialoguent elles-mêmes avec Claude. Au lieu d’un ensemble fixe de flashcards, tu crées une app où les gens saisissent n’importe quel sujet. L’app demande à Claude de créer de nouvelles cartes. Pense à un assistant d’écriture qui donne du feedback ou un générateur de quiz qui invente des questions sur n’importe quel sujet.
Marketeurs : testez rapidement des idées. Construisez une landing page en dix minutes pour voir si votre concept est bien pensé. Créez des outils de calcul ou des modèles d’e-mails.
Développeurs : essayez des idées avant d’y consacrer des heures de travail. Créez des explications techniques avec de bons exemples.
Enseignants : construisez des quiz qui génèrent automatiquement des questions. Créez des simulations qui expliquent des concepts difficiles que les élèves peuvent tester immédiatement.
Créateurs de contenu : rédigez des articles de blog, planifiez du contenu, créez des posts en une seule fois.
Soyez précis. Pas « crée un site web », mais « crée un portfolio avec un en-tête, 3 exemples de projets et un formulaire de contact. » Plus vous êtes clair, meilleur sera le résultat.
Travaillez étape par étape. D’abord la base, puis les fonctionnalités supplémentaires, ensuite le style. Alternez entre l’aperçu (à quoi ça ressemble) et le code (comment ça fonctionne) pour comprendre ce qui se passe.
Donnez des exemples si vous voulez quelque chose de spécifique. Avez-vous un schéma de couleurs ou une mise en page particulière en tête ? Décrivez-la ou référez-vous à un site que vous trouvez réussi. Claude comprendra ainsi mieux la direction que vous souhaitez prendre.
N’hésitez pas à continuer la conversation si quelque chose ne convient pas. « Ce bouton doit aller à gauche » ou « agrandis le texte » fonctionnent très bien. Vous ne devez pas recommencer à zéro – Claude adapte l’Artifact existant.
Testez régulièrement ce que vous créez. Cliquez sur les boutons, remplissez les formulaires, vérifiez que tout fonctionne comme prévu. Vous rencontrez quelque chose qui ne va pas ? Signalez-le directement, et Claude le résoudra.
Restez réaliste sur ce qui est possible. Les Artifacts sont parfaits pour les prototypes, les visualisations et les démos interactives. Pour des applications complexes avec des bases de données ou une logique côté serveur, il vous faut plus qu’un simple Artifact. Claude vous indique honnêtement quand votre demande dépasse les possibilités.
Conservez vos bonnes formulations. Avez-vous trouvé une manière d’expliquer qui a bien fonctionné ? Notez-la. Pour votre prochain projet, vous pourrez utiliser la même approche.
Vous n’avez vraiment pas besoin de comprendre quoi que ce soit à la programmation. Ouvrez Claude, dites simplement ce que vous voulez et regardez ce qui se passe. Commencez petit. Créez un outil simple. Au lieu de plusieurs heures de travail, vous obtenez un résultat en quelques minutes. Pas satisfait ? Demandez simplement de l’adapter. Bonne chance !
Créer des images ou des vidéos n’est pas possible. Vous ne pouvez pas non plus récupérer des données de sites web externes pour des raisons de sécurité. Les fichiers très volumineux peuvent devenir lents. Mais pour la plupart des choses, cela fonctionne très bien.
