Créer avec les artifacts

Temps estimé : 20 minutes

Objectifs d'apprentissage

À la fin de cette leçon, vous serez capable de :

Expliquer ce que sont les artifacts et quand Claude les crée
Partager les artifacts avec vos collègues et les publier publiquement
Résoudre les problèmes courants liés aux artifacts

Qu'est-ce que les artifacts ?

Les artifacts sont des résultats autonomes et interactifs que Claude crée dans une fenêtre dédiée à côté de votre conversation. Au lieu de recevoir un long bloc de code ou de texte noyé dans le chat, vous voyez votre contenu rendu et prêt à être utilisé — qu'il s'agisse d'un site web fonctionnel, d'un graphique interactif ou d'un document que vous pouvez télécharger immédiatement.

Claude crée automatiquement un artifact lorsque le contenu répond à certains critères :

Il est significatif et autonome, généralement plus de 15 lignes
C'est quelque chose que vous voudrez probablement modifier, affiner ou réutiliser
Il représente un contenu complexe qui se suffit à lui-même sans avoir besoin de la conversation environnante
C'est un contenu que vous voudrez référencer ou utiliser ultérieurement

Types d'artifacts courants

Claude peut créer différents types d'artifacts, chacun adapté à des besoins différents :

Documents (y compris markdown, texte brut, documents Word, PDF, PowerPoint et Excel) : Parfaits pour tout ce qui est riche en texte et que vous voudrez exporter ou continuer à modifier — comme les notes de réunion, les rapports, les plans de projet, les articles de blog et autres contenus écrits.
Extraits de code : Code fonctionnel dans n'importe quel langage de programmation — Python, JavaScript, C++, et bien d'autres. Vous pouvez afficher le code, le copier ou le télécharger pour l'utiliser dans vos propres projets.
Pages HTML : Pages web complètes avec HTML, CSS et JavaScript dans un seul fichier. Parfaites pour les pages d'accueil, les formulaires, les démos interactives ou les prototypes rapides.
Images SVG : Graphiques vectoriels évolutifs pour les logos, les icônes, les illustrations et autres éléments visuels. Ceux-ci s'affichent directement dans la fenêtre d'artifact pour que vous voyiez exactement ce que vous obtenez.
Diagrammes Mermaid : Organigrammes, diagrammes de séquence, diagrammes de Gantt, organigrammes et bien d'autres. Décrivez les relations que vous souhaitez visualiser, et Claude créera un diagramme que vous pourrez affiner.
Composants React : Éléments d'interface utilisateur interactifs avec une véritable fonctionnalité — calculatrices, tableaux de bord, jeux, visualisations de données. Ce ne sont pas simplement des maquettes ; ils incluent une logique réelle et réagissent aux entrées de l'utilisateur.

Créer votre premier artifact

Créer un artifact est aussi simple que d'avoir une conversation. Décrivez simplement ce que vous voulez, et Claude déterminera s'il faut le présenter comme un artifact.

Par exemple, vous pourriez dire :

« Créez un organigramme montrant notre processus d'intégration des clients (Remarque : Claude peut maintenant générer des diagrammes visuels comme des organigrammes en HTML en utilisant Imagine, en plus des artifacts basés sur du code) »
« Construisez un tableau de bord interactif qui me permet de saisir les dépenses mensuelles et de voir une ventilation »
« Concevez une page d'accueil pour une application de productivité avec une section héros et une liste de fonctionnalités »
« Écrivez un modèle de brief de projet que je peux réutiliser pour de nouvelles initiatives »

Si Claude ne crée pas automatiquement un artifact quand vous vous y attendez, vous pouvez demander explicitement : « Créez ceci comme un artifact » ou « Montrez-moi ceci dans un artifact ».

Lorsque Claude génère un artifact, il apparaît dans une fenêtre dédiée à droite de votre conversation. À partir de là, vous pouvez :

Afficher différents formats : Basculer entre un aperçu (son apparence) et le code sous-jacent
Copier le contenu : Cliquez sur l'icône de copie pour récupérer le contenu à utiliser ailleurs
Télécharger des fichiers : Enregistrez l'artifact en tant que fichier sur votre ordinateur
Afficher le code : Voyez exactement ce que Claude a généré sous le capot

Partager et publier les artifacts

Une fois que vous avez créé quelque chose d'utile, vous avez plusieurs options pour le partager.

Copier ou télécharger : Pour un usage personnel ou un partage via d'autres canaux, utilisez les boutons de copie ou de téléchargement dans le coin inférieur droit de la fenêtre d'artifact.

Partager au sein de votre organisation (Claude for Work) : Les utilisateurs Team et Enterprise peuvent partager les artifacts en interne avec leurs collègues. L'artifact partagé reste au sein de votre organisation et nécessite une authentification d'équipe pour y accéder.

Publier publiquement : Pour les utilisateurs gratuits, Pro et Max, vous pouvez publier les artifacts pour les rendre accessibles à toute personne disposant du lien. Lorsque vous publiez :

Seule la version sélectionnée devient publique (votre chat reste privé)
N'importe qui peut afficher et interagir avec l'artifact sans compte Claude
D'autres peuvent « remixer » votre artifact — l'ouvrir dans leur propre conversation Claude pour le modifier et l'améliorer

Pour publier, cliquez sur le bouton « Partager » ou « Publier » dans le coin supérieur droit de l'artifact. Vous pouvez dépublier à tout moment en revenant à cet artifact et en supprimant l'accès public. Remarque : Lorsque vous publiez un artifact, il est accessible publiquement via son lien — n'importe qui peut le consulter, même sans compte Claude. Les artifacts publiés ne sont pas indexés par les moteurs de recherche, ils n'apparaîtront donc pas dans les résultats Google.

Conseils pour tirer le meilleur parti des artifacts

**Soyez précis sur ce que vous voulez. ** « Construisez un suivi budgétaire » est bon, mais « Construisez un suivi budgétaire mensuel où je peux saisir les dépenses par catégorie, voir une ventilation en camembert et recevoir un avertissement quand je dépasse le budget » est mieux.

**Décrivez l'utilisateur final. ** Dire à Claude qui utilisera l'artifact l'aide à faire des choix de conception appropriés. « Cet organigramme est destiné aux nouveaux employés » donne des résultats différents de « Cet organigramme est destiné à l'équipe d'ingénierie ».

**Itérez progressivement. ** Demandez à Claude d'ajouter une fonctionnalité ou de faire un changement à la fois. Cela facilite l'identification de ce qui fonctionne et la détection précoce des problèmes.

**Demandez des artifacts si nécessaire. ** Si vous demandez quelque chose de substantiel et que Claude répond dans le chat au lieu de créer un artifact, dites simplement « Veuillez créer cela comme un artifact ».

Réflexion sur la leçon

Avant de continuer, considérez :

Quel travail récurrent pourrait bénéficier d'avoir un artifact interactif que vous pouvez réutiliser ?
Y a-t-il des processus dans votre travail qui seraient plus clairs sous forme d'organigramme ou de diagramme ?
Quel prototype ou outil vous aiderait à tester rapidement une idée ?

Prochaines étapes

Dans la prochaine leçon, vous apprendrez à connaître les Skills — des ensembles d'instructions réutilisables qui enseignent à Claude des flux de travail spécialisés.

Retours d'information

Au fur et à mesure que vous progressez dans le cours, nous aimerions avoir de vos nouvelles sur la façon dont vous utilisez les concepts du cours dans votre travail et tout retour d'information que vous pourriez avoir. Partagez vos commentaires ici.