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.