Qu'est-ce qu'ils sont et comment les utiliser pour créer des applications Web au sein de l'intelligence artificielle

Nous allons vous expliquer ce que sont les Artefacts de Claude et comment ils fonctionnent, l'une des fonctions uniques et les plus différenciantes de ce chat d'intelligence artificielle. Avec lui, vous pourrez créer des applications Web dans Claude, que vous pourrez exécuter et utiliser directement sur votre site Web ou votre application.

L'IA d'Anthropic est l'une des leaders du secteur, et aussi la plus importante pour les programmeurs, avec d'autres fonctions comme Claude Code. Nous allons commencer l'article en expliquant de manière simple ce que sont exactement les artefacts, puis nous vous expliquerons étape par étape comment les créer.

Quels sont les artefacts de Claude ?

Les artefacts de Claude sont une fonctionnalité qui permet à ce modèle d'intelligence artificielle de générer du contenu structuré, tel que du code, des documents longs et des interfaces complètes. Le résultat vous sera ensuite présenté dans un panneau séparé, mais au sein de la même conversation.

Si vous avez déjà utilisé Claude, vous aurez déjà remarqué qu'il arrive parfois qu'au lieu de vous répondre avec du texte brut, il crée une petite application fonctionnelle. Cela se produit parce que cette IA dispose d’une sorte de mécanisme interne pour pouvoir générer ce type de contenu.

Il existe de nombreux types d'artefacts. Il peut s'agir de pages Web écrites en HTML, CSS et JavaScript, ou de simples jeux réalisés avec ces langages. Il peut également y avoir des composants React interactifs, des graphiques et des visualisations de données, des documents Markdown, des diagrammes ou des images vectorielles.

De cette façon, d’une part vous aurez le code dans la fenêtre de texte, mais vous aurez également la possibilité de l’exécuter. Pensez par exemple que vous souhaitez créer une application. Le reste des IA ne peuvent générer le code que pour vous, mais avec Claude, un artefact est généré que vous pouvez lancer et tester. Et puis, s'il y a des choses que vous souhaitez changer et qui ne fonctionnent pas, il vous suffit de le dire à l'IA pour qu'elle puisse faire les modifications et régénérer l'artefact.

Et la même chose se produit avec les autres formats pris en charge par les artefacts. Lorsque vous leur demandez d'écrire un article, vous indiquant une structure qui contient des titres, des sous-titres, différentes tailles de police, etc., en plus de vous montrer le code, vous devrez également accéder à l'artefact, en l'occurrence un document docx, et le télécharger sur votre ordinateur.

Cela signifie qu'au lieu de générer des réponses purement textuelles que vous devez ensuite transformer en quelque chose d'utile, vous recevez directement le produit final souhaité, ou au moins une version fonctionnelle de celui-ci, et vous pouvez même télécharger le fichier.

Comment utiliser les artefacts de Claude

Pour utiliser les artefacts de Claude, vous devez accéder au site Web ou à l'application AI et cliquer sur la section dans la barre latérale gauche.

Cela vous mènera à la section où vous trouverez plusieurs exemples et modèles. Lorsque vous cliquez sur l'un d'eux, vous accéderez à un écran où vous verrez une capture d'écran ou l'invite à écrire pour la créer. Vous aurez également une option de personnalisation. Cela vous aidera à tester vos premiers artefacts et à explorer des méthodes pour les modifier.

Dans l'index des artefacts, vous aurez également un onglet pour voir ceux que vous avez créés, et un bouton pour procéder à la création d'un nouveau étape par étape. Cela vous amènera à un écran où vous pourrez choisir une catégorie d'artefact, et en cliquant dessus, vous accéderez à une étape par étape qui vous aidera à créer votre artefact.

Par exemple, si vous cliquez sur la catégorie, Claude vous demandera alors ce que vous souhaitez faire de cette catégorie, vous permettant ainsi de créer un jeu sous forme d'artefact. Ensuite, vous irez étape par étape où vous serez guidé à travers tout, en choisissant le type de jeu et les autres caractéristiques que vous souhaitez qu'il ait pour donner à l'IA suffisamment de contexte pour le créer.

Cela vous aidera lorsque vous n'êtes pas sûr du type de code que vous souhaitez utiliser ou de la manière de décrire à Claude l'artefact que vous souhaitez générer. C’est très utile pour les débutants et constitue la meilleure façon de commencer.

Vous pouvez également créer des artefacts avec une invite dans laquelle vous décrivez exactement ce que vous souhaitez. Vous pouvez y mentionner que vous souhaitez créer précisément un artefact, puis décrire le langage de l'application et ce que vous souhaitez utiliser exactement.

Dans les bases de Simseo | Claude : 23 fonctions et quelques astuces pour tirer le meilleur parti de cette intelligence artificielle