Qu'est-ce qu'un artefact ?
Vous avez l'habitude de discuter avec Claude dans le chat. Un artefact, c'est autre chose : c'est quand Claude ne se contente plus de vous répondre, mais vous construit quelque chose.
La définition simple
Un contenu autonome qui s'ouvre dans un panneau séparé.
Un artefact est un contenu créé par Claude qui s'ouvre dans un panneau dédié à droite de votre conversation, séparé du fil de chat. Contrairement à une réponse classique qui défile dans la discussion, un artefact est autonome : il peut être prévisualisé, modifié, copié, partagé ou même publié sur Internet.
<input type="number"
placeholder="Montant HT">
<select>
<option>TVA 20%</option>
<option>TVA 10%</option>
</select>
<button>Calculer</button>
</html>
Quand Claude crée-t-il un artefact ?
Les trois conditions qui déclenchent automatiquement la création d'un artefact.
Claude décide de lui-même de créer un artefact quand les trois conditions suivantes sont réunies :
- →Le contenu est significatif et autonome — généralement plus de 15 lignes, il peut se tenir seul sans le contexte de la conversation.
- →C'est quelque chose que vous voudrez réutiliser — un outil, un document, un code que vous allez copier, modifier ou partager.
- →Le contenu est complexe ou structuré — une page web, un programme, un document formaté avec des titres et des sections.
Les types d'artefacts
Ce que Claude peut créer comme artefact.
| Type | Ce que c'est | Exemple concret |
|---|---|---|
| 📄 Document | Un texte structuré avec titres, listes, formatage | Un rapport, un compte-rendu, une fiche mémo |
| 💻 Code | Un extrait de code dans n'importe quel langage de programmation | Un script Python, une fonction JavaScript |
| 🌐 Page HTML | Une page web complète avec mise en page et interaction | Un calculateur, un formulaire, une mini-app |
| 🎨 Image SVG | Un graphique vectoriel — une image créée avec du code | Un logo, un diagramme, une icône |
| ⚛️ Composant React | Une application interactive avec boutons, états, logique | Un tableau de bord, un quiz, une app de suivi |
| 📊 Diagramme | Une représentation visuelle d'un processus ou d'une structure | Un organigramme, un schéma de workflow |
SVG (Scalable Vector Graphics) : un format d'image créé avec du code, qui ne pixelise jamais quelle que soit sa taille. Parfait pour les logos et les icônes.
React : un outil très populaire pour créer des applications web interactives. Permet de créer des interfaces avec des boutons, des formulaires, des animations.
Artefact vs Réponse normale
Comprendre la différence fondamentale.
| Critère | Réponse normale | Artefact |
|---|---|---|
| Où ça apparaît | Dans le fil de conversation, en bas | Panneau séparé à droite du chat |
| Objectif | Informer, expliquer, répondre | Créer, construire, produire |
| Interactif ? | Non, c'est du texte statique | Oui, prévisualisation en temps réel |
| Réutilisable ? | À copier-coller manuellement | Directement exportable, partageable |
Créer ses premiers mini-outils
La vraie puissance des artefacts, c'est de créer en quelques secondes des mini-outils fonctionnels que vous utiliseriez normalement avec un logiciel ou un développeur. Voici comment faire.
Deux façons de créer un artefact
Depuis le chat, ou directement depuis la section Artefacts.
C'est la méthode la plus courante. Vous discutez avec Claude dans une conversation et vous lui demandez de créer quelque chose. Il génère l'artefact automatiquement dans le panneau de droite.
Dans la barre latérale gauche de Claude, cliquez sur "Artefacts". Vous arrivez sur une interface dédiée avec deux onglets : "Inspiration" (artefacts publics créés par d'autres) et "Vos artefacts" (vos créations). Cliquez sur le bouton "Nouvel artefact" en haut à droite pour créer un artefact directement depuis cet espace, sans passer par une conversation.
Utilisez "Nouvel artefact" depuis la section Artefacts quand vous avez une idée précise et que vous voulez aller directement à la création, ou pour retrouver et modifier vos artefacts précédents.
Dans les deux cas, la règle est la même : il n'y a aucune commande spéciale à taper. Il suffit de décrire ce que vous voulez construire. Plus votre description est précise, plus le résultat sera pertinent. Voici la structure qui fonctionne le mieux :
"Crée [le type d'outil] qui permet de [l'action principale], avec [les caractéristiques importantes], pour [l'usage / le public visé]."
Des mini-outils à créer maintenant
8 exemples concrets avec les prompts pour les générer.
Modifier et améliorer un artefact
Demander des ajustements dans le chat, Claude met à jour l'artefact en temps réel.
Une fois qu'un artefact est créé, vous pouvez demander des modifications directement dans le chat. Claude met à jour l'artefact en temps réel — vous n'avez pas besoin de tout refaire depuis le début.
Testez l'artefact dans son panneau de prévisualisation. Cliquez sur les boutons, remplissez les champs. Est-ce que ça fonctionne comme vous le souhaitez ?
Dans le chat, décrivez ce que vous voulez changer. Soyez précis : "Change la couleur du bouton en bleu", "Ajoute un champ pour la remise en pourcentage", "Le total ne s'affiche pas correctement, corrige-le".
L'artefact dans le panneau se met automatiquement à jour. Vous pouvez répéter ce processus autant de fois que nécessaire jusqu'à obtenir exactement ce que vous voulez.
Vous avez créé un calculateur de TVA. Vous constatez qu'il manque quelque chose. Vous tapez dans le chat : "Ajoute un bouton 'Réinitialiser' pour effacer les champs, et affiche aussi le résultat en gras avec une couleur verte." Claude modifie uniquement ces deux points sans toucher au reste.
Partager, publier et aller plus loin
Un artefact que vous ne partagez que pour vous, c'est déjà très utile. Mais Anthropic a conçu les artefacts pour aller beaucoup plus loin : vous pouvez les publier, les partager et même les intégrer dans d'autres sites.
Ce que vous pouvez faire avec un artefact terminé
Les actions disponibles dans le panneau artefact.
Une fois votre artefact créé, le panneau propose plusieurs actions :
| Action | Ce que ça fait | Cas d'usage |
|---|---|---|
| 📋 Copier | Copie tout le code de l'artefact dans votre presse-papier | Pour coller le code dans votre propre projet, votre site, votre développeur |
| 🌐 Publier | Génère un lien public accessible par n'importe qui sur Internet | Partager un outil avec des collègues, des clients, sur les réseaux sociaux |
| 🔗 Intégrer | Génère un code à coller sur un autre site pour afficher l'artefact dedans | Mettre un calculateur sur votre site d'entreprise sans développeur |
| 🎨 Personnaliser | Créer votre propre version d'un artefact fait par quelqu'un d'autre | Adapter un outil trouvé dans la bibliothèque publique à vos besoins |
Intégrer (embed) : afficher un contenu externe à l'intérieur d'une page web. Par exemple, quand vous voyez une vidéo YouTube sur un site qui n'est pas YouTube — elle est "intégrée". Un artefact intégré s'affiche de la même façon sur votre site.
Publier un artefact : comment ça marche ?
En quelques clics, votre mini-outil est accessible sur Internet.
Le bouton est visible en haut du panneau une fois votre artefact créé. Disponible sur les plans Free, Pro et Max.
Claude génère une URL unique du type claude.ai/artifacts/votre-artefact. N'importe qui avec ce lien peut voir et utiliser votre artefact — sans avoir besoin d'un compte Claude.
Envoyez ce lien par email, sur Slack, WhatsApp, LinkedIn... La consommation (le nombre d'utilisations) est décomptée sur votre plan — le partage est gratuit quelle que soit l'audience.
La bibliothèque d'artefacts
S'inspirer et réutiliser des artefacts créés par d'autres.
Dans la barre latérale de Claude, vous trouverez une section "Artefacts". Elle contient une bibliothèque d'artefacts publics créés par d'autres utilisateurs. Vous pouvez :
- ✓Explorer des outils déjà créés et les utiliser directement
- ✓Personnaliser (remix) un artefact existant pour l'adapter à vos besoins spécifiques
- ✓S'inspirer de ce qui est possible pour créer vos propres outils
Bonnes pratiques pour bien utiliser les artefacts
Les réflexes à adopter pour obtenir les meilleurs résultats.
- →Commencez simple, ajoutez ensuite. Créez d'abord un outil basique qui fonctionne, puis demandez des améliorations une par une. Un artefact simple et fonctionnel vaut mieux qu'un artefact complexe et buggé.
- →Testez dans la prévisualisation. Avant de copier ou de partager, testez toujours votre artefact directement dans le panneau pour vérifier que tout fonctionne.
- →Soyez précis sur le design. Si l'apparence est importante, précisez les couleurs, les polices, le style dans votre demande initiale.
- →Ne partagez pas de données sensibles. Un artefact publié est accessible à tout le monde. Évitez d'y inclure des informations confidentielles (coordonnées clients, données internes).
- →Utilisez le bouton de correction. Si quelque chose ne fonctionne pas, cliquez sur "Essayer de corriger avec Claude" avant de tout réécrire — c'est souvent plus rapide.
Vous êtes prêt(e) à créer vos propres outils !
Les artefacts transforment Claude en véritable atelier de création. Sans aucune connaissance technique, vous pouvez maintenant créer des calculateurs, des formulaires, des quiz, des tableaux de bord — et les partager en un clic. Testez dès maintenant en demandant à Claude de créer le mini-outil qui vous manque au quotidien.