Code et Artéfacts
Claude n'écrit pas que du texte. Il produit des objets utilisables :
pages HTML, mini-applications, documents structurés.
Un livrable autonome et réutilisable
Objet utilisable
Page HTML, composant interactif, document long, diagramme. Quelque chose qui sort de la conversation et vit par lui-même.
À droite de l'écran
Quand Claude détecte qu'il produit un artefact, un panneau latéral droit s'ouvre automatiquement et l'affiche.
Pas juste affiché
Si l'artefact contient du JavaScript, il fonctionne directement dans le panneau. Boutons, formulaires, animations.
Quatre déclencheurs automatiques
Code > 20 lignes
Au-delà de 20 lignes de code, Claude bascule en artefact. Plus lisible qu'un bloc dans le chat.
Contenu structuré long
Document de 1500+ caractères destiné à être copié ailleurs. Rapport, article, lettre type.
Demande explicite
« Crée une page web... », « Génère un composant... ». Claude comprend qu'il faut un artefact.
Itération attendue
Si vous allez modifier le contenu plusieurs fois, l'artefact est plus pratique qu'un long bloc à recopier.
Prompt CCDF
« Crée une page HTML simple avec un titre et un compteur cliquable. »
Panneau qui s'ouvre
Claude génère le code. Le panneau s'ouvre à droite avec le rendu live.
Tester en direct
Cliquer sur le bouton dans le panneau. Le compteur s'incrémente. C'est interactif.
Itérer
« Change la couleur en terracotta. » Le panneau se met à jour sans tout réécrire.
Trois boutons en haut du panneau
Copier le code
Le code source de l'artefact dans le presse-papier. Pour le coller dans votre éditeur ou votre CMS.
Télécharger le fichier
Format approprié au type de contenu. .html pour une page web, .md pour du markdown, .py pour du Python.
Publier en un clic
Génère un lien public partageable. Idéal pour montrer une démo à un client ou un collègue sans installation.
À tout de suite en leçon 07
Vous savez ce qu'est un artefact, quand Claude en produit, comment l'utiliser et le partager. Le pas suivant : générer une vraie landing page.
Exercice — appropriation
Choisissez UNE situation que vous voulez rendre plus simple ce mois-ci : un calculateur (ROI, devis simple, comparatif), un formulaire (collecte de besoins, sondage interne), ou un mini-tableau de bord. Demandez à Claude de le générer. Testez le bouton Publish pour obtenir un lien partageable.
Quiz · Code et Artéfacts
8 questions · une seule bonne réponse par question · vous pouvez recommencer autant de fois que nécessaire.
Qu'est-ce qu'un artefact dans claude.ai ?
Un artefact est un livrable autonome : page HTML, composant interactif, document long, diagramme. Quelque chose qui sort de la conversation et vit par lui-même.
À partir de combien de lignes de code Claude bascule-t-il automatiquement en artefact ?
Au-delà de 20 lignes de code, Claude bascule en artefact. C'est plus lisible qu'un bloc inline dans le chat.
Si un artefact contient du JavaScript, il fonctionne directement dans le panneau de claude.ai.
Vrai. L'artefact est interactif : boutons, formulaires, animations — tout fonctionne sans rien installer. C'est ce qui en fait un outil de prototypage rapide.
Quels sont les trois boutons en haut du panneau d'artefact ?
Copy (code dans le presse-papier), Download (fichier dans le bon format), Publish (lien public partageable en un clic).
Tout artefact publié via le bouton Publish est public et accessible à toute personne avec le lien.
Vrai. Publish génère un lien public partageable. Pas de mot de passe, pas de filtre. Donc jamais de données sensibles dans un artefact publié.
Quel scénario déclenche typiquement la génération d'un artefact ?
Quatre déclencheurs : code > 20 lignes, contenu structuré long (>1500 caractères), demande explicite, ou itération attendue. La demande explicite est le déclencheur le plus fiable.
Pour modifier un artefact existant, faut-il tout recommencer ?
On peut itérer : « change la couleur en terracotta » et Claude met à jour le panneau sans tout réécrire. C'est la force des artefacts pour le prototypage.
Les artefacts ne sont disponibles que sur le plan Pro et au-dessus.
Faux. Les artefacts sont disponibles sur tous les plans, y compris Free. C'est une fonctionnalité standard de claude.ai.