Quand Claude produit quelque chose de substantiel, il ne le noie pas dans la conversation — il l’affiche dans une fenêtre dédiée, prêt à être utilisé, modifié ou téléchargé.
Quand Claude produit quelque chose de substantiel — un document, du code, un graphique, un composant interactif — il l’affiche dans une fenêtre séparée du fil de conversation. Ce résultat autonome, prêt à être utilisé ou modifié, c’est un artefact.
Claude décide automatiquement de présenter un résultat sous forme d’artefact quand le contenu est suffisamment long, autonome, et destiné à être réutilisé en dehors de la conversation.Si Claude ne crée pas d’artefact alors que vous l’attendiez, vous pouvez le demander explicitement :
“Présente ça sous forme d’artefact” ou “Mets ce contenu dans un artefact.”
Documents texte (Markdown, texte brut) — notes de réunion, rapports, plans de projet, articles. Tout contenu écrit que vous souhaitez exporter ou continuer à modifier.Extraits de code — code fonctionnel dans n’importe quel langage : Python, JavaScript, SQL, et bien d’autres. Copiez ou téléchargez directement.Pages HTML — pages web complètes avec mise en forme et interactivité, dans un seul fichier. Pratique pour des démos rapides, des formulaires, des prototypes légers.Graphiques vectoriels (SVG) — logos, icônes, illustrations simples. S’affichent directement dans la fenêtre d’aperçu.Diagrammes (Mermaid) — organigrammes, diagrammes de séquence, diagrammes de Gantt. Vous décrivez les relations, Claude génère le diagramme.Composants interactifs (React) — interfaces avec une vraie logique applicative : calculatrices, tableaux de bord, visualisations de données, jeux simples. Pas des maquettes — des composants qui fonctionnent réellement.
Copie ou téléchargement direct — pour un usage personnel ou un partage par un autre canal, depuis les boutons en bas à droite de la fenêtre.Partage interne (Team et Enterprise) — le document reste dans votre organisation et nécessite une authentification pour y accéder.Publication publique — accessible à toute personne disposant du lien, sans compte Claude. La conversation reste privée, seul l’artefact est public. Les autres utilisateurs peuvent ouvrir l’artefact dans leur propre conversation pour le modifier et le développer. La publication peut être annulée à tout moment.
Décrivez le résultat attendu avec précision. Plus vous êtes spécifique, moins Claude doit deviner. “Un outil de suivi budgétaire mensuel avec saisie par catégorie, graphique circulaire et alerte en cas de dépassement” donnera un résultat bien différent de “un outil de suivi budgétaire”.Précisez à qui s’adresse le livrable. Claude adapte ses choix de conception selon l’audience. “Ce diagramme est destiné à des nouveaux employés” ne produit pas le même résultat que “ce diagramme est pour l’équipe technique”.Procédez par étapes. Ajoutez une fonctionnalité ou un ajustement à la fois. Cela facilite l’identification de ce qui fonctionne et la détection précoce des problèmes.
Un artefact, c’est la différence entre recevoir une réponse dans un chat et recevoir un livrable utilisable. Claude ne vous explique pas comment faire un graphique — il fait le graphique, vous l’affichez, vous le modifiez en direct, et vous le téléchargez quand il vous convient.
Exercice 1 — Générer votre premier artefactDemandez à Claude de créer quelque chose de concret lié à votre travail : un plan de projet en Markdown, un organigramme de processus, un modèle d’email réutilisable. Observez comment l’artefact s’affiche séparément de la conversation, et testez les options de copie et de téléchargement.Exercice 2 — Itérer sur un artefact existantReprenez l’artefact créé à l’exercice 1. Sans ouvrir une nouvelle conversation, demandez à Claude d’y apporter deux modifications successives — changer le ton, puis ajouter une section, par exemple. Observez comment la fenêtre d’artefact se met à jour à chaque itération.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Tramio","colors":{"primary":"#6366F1","light":"#818CF8","dark":"#4F46E5"},"logo":{"light":"https://mintcdn.com/tramio/FwZk7HCsmhqyIInI/logo/light.svg?fit=max\u0026auto=format\u0026n=FwZk7HCsmhqyIInI\u0026q=85\u0026s=1302f0f1ecda883a93a2536d2175ee3e","dark":"https://mintcdn.com/tramio/FwZk7HCsmhqyIInI/logo/dark.svg?fit=max\u0026auto=format\u0026n=FwZk7HCsmhqyIInI\u0026q=85\u0026s=de323af815f0e558aa4930a6ac13a753"},"favicon":"/favicon.svg","navbar":{"links":[{"href":"/about","label":"À propos"}]},"footer":{"socials":{"linkedin":"https://www.linkedin.com/in/laurent-vautier"}},"seo":{},"styling":{"latex":false},"navigation":{"global":{"anchors":[]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"tramio","hasAudioNarration":false,"actualSubdomain":"tramio","customDomains":["tramio.fr"],"gitSource":{"type":"github","owner":"rollmol","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a21dbb4271fd09fad7d5694","collectionId":"8cd6bc70-88f8-4ffa-913e-7be735766393","schemaVersion":"v2"},"entitlements":{},"buildId":"6a21dbb4271fd09fad7d5694:success","clientVersion":"0.0.4044","searchFilterCounts":[{"language":"default","tag":"Claude","count":15},{"language":"default","tag":"Claude Code","count":11},{"language":"default","tag":"Travailler avec Claude Code","count":5},{"language":"default","tag":"Comprendre et installer","count":4},{"language":"default","tag":"Découvrir Claude","count":3},{"language":"default","tag":"Structurer votre espace de travail","count":3},{"language":"default","tag":"Pour aller plus loin","count":3},{"language":"default","tag":"L'application de bureau Claude","count":3},{"language":"default","tag":"Brancher Claude sur votre environnement","count":3},{"language":"default","tag":"Automatiser et étendre","count":2}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"claude/101/artefacts","slug":"/claude/101/artefacts","pageMetadata":{"title":"Les artefacts : des livrables prêts à l'emploi","description":"Quand Claude produit quelque chose de substantiel, il ne le noie pas dans la conversation — il l'affiche dans une fenêtre dédiée, prêt à être utilisé, modifié ou téléchargé.","href":"/claude/101/artefacts","hidden":false},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Quand Claude produit quelque chose de substantiel, il ne le noie pas dans la conversation — il l’affiche dans une fenêtre dédiée, prêt à être utilisé, modifié ou téléchargé.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={blockquote:`blockquote`,em:`em`,hr:`hr`,li:`li`,p:`p`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{Heading,Tip}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(Heading,{level:`2`,id:`ce-que-c’est`,children:`Ce que c’est`}),`\n`,_jsx(_components.p,{children:`Quand Claude produit quelque chose de substantiel — un document, du code, un graphique, un composant interactif — il l’affiche dans une fenêtre séparée du fil de conversation. Ce résultat autonome, prêt à être utilisé ou modifié, c’est un artefact.`}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`quand-claude-crée-un-artefact`,children:`Quand Claude crée un artefact`}),`\n`,_jsx(_components.p,{children:`Claude décide automatiquement de présenter un résultat sous forme d’artefact quand le contenu est suffisamment long, autonome, et destiné à être réutilisé en dehors de la conversation.`}),`\n`,_jsx(_components.p,{children:`Si Claude ne crée pas d’artefact alors que vous l’attendiez, vous pouvez le demander explicitement :`}),`\n`,_jsxs(_components.blockquote,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.em,{children:`“Présente ça sous forme d’artefact”`}),` ou `,_jsx(_components.em,{children:`“Mets ce contenu dans un artefact.”`})]}),`\n`]}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`ce-que-claude-peut-produire`,children:`Ce que Claude peut produire`}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Documents texte`}),` (Markdown, texte brut) — notes de réunion, rapports, plans de projet, articles. Tout contenu écrit que vous souhaitez exporter ou continuer à modifier.`]}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Extraits de code`}),` — code fonctionnel dans n’importe quel langage : Python, JavaScript, SQL, et bien d’autres. Copiez ou téléchargez directement.`]}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Pages HTML`}),` — pages web complètes avec mise en forme et interactivité, dans un seul fichier. Pratique pour des démos rapides, des formulaires, des prototypes légers.`]}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Graphiques vectoriels`}),` (SVG) — logos, icônes, illustrations simples. S’affichent directement dans la fenêtre d’aperçu.`]}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Diagrammes`}),` (Mermaid) — organigrammes, diagrammes de séquence, diagrammes de Gantt. Vous décrivez les relations, Claude génère le diagramme.`]}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Composants interactifs`}),` (React) — interfaces avec une vraie logique applicative : calculatrices, tableaux de bord, visualisations de données, jeux simples. Pas des maquettes — des composants qui fonctionnent réellement.`]}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`travailler-avec-un-artefact`,children:`Travailler avec un artefact`}),`\n`,_jsx(_components.p,{children:`Une fois l’artefact affiché dans sa fenêtre dédiée, vous disposez de plusieurs options :`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Basculer entre l’aperçu et le code`}),` — voir le rendu final ou le contenu sous-jacent`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Copier le contenu`}),` — pour l’utiliser dans un autre outil`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Télécharger le fichier`}),` — pour l’enregistrer localement`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Itérer dans la même conversation`}),` — demandez à Claude de modifier l’artefact, il met à jour la fenêtre en temps réel`]}),`\n`]}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`diffuser-un-artefact`,children:`Diffuser un artefact`}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Copie ou téléchargement direct`}),` — pour un usage personnel ou un partage par un autre canal, depuis les boutons en bas à droite de la fenêtre.`]}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Partage interne`}),` (Team et Enterprise) — le document reste dans votre organisation et nécessite une authentification pour y accéder.`]}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Publication publique`}),` — accessible à toute personne disposant du lien, sans compte Claude. La conversation reste privée, seul l’artefact est public. Les autres utilisateurs peuvent ouvrir l’artefact dans leur propre conversation pour le modifier et le développer. La publication peut être annulée à tout moment.`]}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`quelques-conseils-pour-de-meilleurs-résultats`,children:`Quelques conseils pour de meilleurs résultats`}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Décrivez le résultat attendu avec précision.`}),` Plus vous êtes spécifique, moins Claude doit deviner. `,_jsx(_components.em,{children:`“Un outil de suivi budgétaire mensuel avec saisie par catégorie, graphique circulaire et alerte en cas de dépassement”`}),` donnera un résultat bien différent de `,_jsx(_components.em,{children:`“un outil de suivi budgétaire”`}),`.`]}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Précisez à qui s’adresse le livrable.`}),` Claude adapte ses choix de conception selon l’audience. `,_jsx(_components.em,{children:`“Ce diagramme est destiné à des nouveaux employés”`}),` ne produit pas le même résultat que `,_jsx(_components.em,{children:`“ce diagramme est pour l’équipe technique”`}),`.`]}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Procédez par étapes.`}),` Ajoutez une fonctionnalité ou un ajustement à la fois. Cela facilite l’identification de ce qui fonctionne et la détection précoce des problèmes.`]}),`\n`,_jsx(Heading,{level:`2`,id:`autrement-dit`,children:`Autrement dit`}),`\n`,_jsx(Tip,{children:_jsx(_components.p,{children:`Un artefact, c’est la différence entre recevoir une réponse dans un chat et recevoir un livrable utilisable. Claude ne vous explique pas comment faire un graphique — il fait le graphique, vous l’affichez, vous le modifiez en direct, et vous le téléchargez quand il vous convient.`})}),`\n`,_jsx(_components.hr,{}),`\n`,_jsx(Heading,{level:`2`,id:`exercices-pratiques`,children:`Exercices pratiques`}),`\n`,_jsx(_components.p,{children:_jsx(_components.strong,{children:`Exercice 1 — Générer votre premier artefact`})}),`\n`,_jsx(_components.p,{children:`Demandez à Claude de créer quelque chose de concret lié à votre travail : un plan de projet en Markdown, un organigramme de processus, un modèle d’email réutilisable. Observez comment l’artefact s’affiche séparément de la conversation, et testez les options de copie et de téléchargement.`}),`\n`,_jsx(_components.p,{children:_jsx(_components.strong,{children:`Exercice 2 — Itérer sur un artefact existant`})}),`\n`,_jsx(_components.p,{children:`Reprenez l’artefact créé à l’exercice 1. Sans ouvrir une nouvelle conversation, demandez à Claude d’y apporter deux modifications successives — changer le ton, puis ajouter une section, par exemple. Observez comment la fenêtre d’artefact se met à jour à chaque itération.`})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Les artefacts : des livrables prêts à l'emploi","description":"Quand Claude produit quelque chose de substantiel, il ne le noie pas dans la conversation — il l'affiche dans une fenêtre dédiée, prêt à être utilisé, modifié ou téléchargé.","href":"/claude/101/artefacts","hidden":false}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Ce que c’est","slug":"ce-que-c’est","depth":2,"children":[]},{"title":"Quand Claude crée un artefact","slug":"quand-claude-crée-un-artefact","depth":2,"children":[]},{"title":"Ce que Claude peut produire","slug":"ce-que-claude-peut-produire","depth":2,"children":[]},{"title":"Travailler avec un artefact","slug":"travailler-avec-un-artefact","depth":2,"children":[]},{"title":"Diffuser un artefact","slug":"diffuser-un-artefact","depth":2,"children":[]},{"title":"Quelques conseils pour de meilleurs résultats","slug":"quelques-conseils-pour-de-meilleurs-résultats","depth":2,"children":[]},{"title":"Autrement dit","slug":"autrement-dit","depth":2,"children":[]},{"title":"Exercices pratiques","slug":"exercices-pratiques","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"tramio","siteName":"Tramio","title":"Les artefacts : des livrables prêts à l'emploi - Tramio","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-03-17T08:01:33.461Z","originalFileLocation":"claude/101/artefacts.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Quand Claude produit quelque chose de substantiel, il ne le noie pas dans la conversation — il l\u0026#x27;affiche dans une fenêtre dédiée, prêt à être utilisé, modifié ou téléchargé.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Tramio\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/tramio/Vle1tlVoAr6CN81n/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/tramio/Vle1tlVoAr6CN81n/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/tramio/Vle1tlVoAr6CN81n/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/tramio/Vle1tlVoAr6CN81n/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/tramio/Vle1tlVoAr6CN81n/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/tramio/Vle1tlVoAr6CN81n/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/tramio/Vle1tlVoAr6CN81n/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/tramio/Vle1tlVoAr6CN81n/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/tramio/Vle1tlVoAr6CN81n/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Les artefacts : des livrables prêts à l\u0026#x27;emploi - Tramio\">\u003cmeta data-mint-head property=\"og:description\" content=\"Quand Claude produit quelque chose de substantiel, il ne le noie pas dans la conversation — il l\u0026#x27;affiche dans une fenêtre dédiée, prêt à être utilisé, modifié ou téléchargé.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Tramio\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://tramio.fr/claude/101/artefacts\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://tramio.mintlify.app/_mintlify/api/og/v2?division=Structurer+votre+espace+de+travail\u0026amp;title=Les+artefacts+%3A+des+livrables+pr%C3%AAts+%C3%A0+l%27emploi\u0026amp;description=Quand+Claude+produit+quelque+chose+de+substantiel%2C+il+ne+le+noie+pas+dans+la+conversation+%E2%80%94+il+l%27affiche+dans+une+fen%C3%AAtre+d%C3%A9di%C3%A9e%2C+pr%C3%AAt+%C3%A0+%C3%AAtre+utilis%C3%A9%2C+modifi%C3%A9+o\u0026amp;theme=fa09c8feffdc02f99042bdeb\u0026amp;signature=8407d486a95e01d4ab637bcd516250462d3de05da5ee0ab595d77ac8a7fbddcf\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Les artefacts : des livrables prêts à l\u0026#x27;emploi - Tramio\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Quand Claude produit quelque chose de substantiel, il ne le noie pas dans la conversation — il l\u0026#x27;affiche dans une fenêtre dédiée, prêt à être utilisé, modifié ou téléchargé.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://tramio.mintlify.app/_mintlify/api/og/v2?division=Structurer+votre+espace+de+travail\u0026amp;title=Les+artefacts+%3A+des+livrables+pr%C3%AAts+%C3%A0+l%27emploi\u0026amp;description=Quand+Claude+produit+quelque+chose+de+substantiel%2C+il+ne+le+noie+pas+dans+la+conversation+%E2%80%94+il+l%27affiche+dans+une+fen%C3%AAtre+d%C3%A9di%C3%A9e%2C+pr%C3%AAt+%C3%A0+%C3%AAtre+utilis%C3%A9%2C+modifi%C3%A9+o\u0026amp;theme=fa09c8feffdc02f99042bdeb\u0026amp;signature=8407d486a95e01d4ab637bcd516250462d3de05da5ee0ab595d77ac8a7fbddcf\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/tramio/Vle1tlVoAr6CN81n/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Tramio\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#6366F1\">\u003clink data-mint-head rel=\"canonical\" href=\"https://tramio.fr/claude/101/artefacts\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/claude/101/artefacts.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://tramio.fr/#organization\",\"name\":\"Tramio\",\"url\":\"https://tramio.fr\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/tramio/FwZk7HCsmhqyIInI/logo/light.svg?fit=max\u0026auto=format\u0026n=FwZk7HCsmhqyIInI\u0026q=85\u0026s=1302f0f1ecda883a93a2536d2175ee3e\"}},{\"@type\":\"WebSite\",\"@id\":\"https://tramio.fr#website\",\"name\":\"Tramio\",\"url\":\"https://tramio.fr\",\"publisher\":{\"@id\":\"https://tramio.fr/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://tramio.fr/claude/101/artefacts#webpage\",\"url\":\"https://tramio.fr/claude/101/artefacts\",\"name\":\"Les artefacts : des livrables prêts à l'emploi\",\"description\":\"Quand Claude produit quelque chose de substantiel, il ne le noie pas dans la conversation — il l'affiche dans une fenêtre dédiée, prêt à être utilisé, modifié ou téléchargé.\",\"dateModified\":\"2026-03-17T08:01:33.461Z\",\"isPartOf\":{\"@id\":\"https://tramio.fr#website\"},\"breadcrumb\":{\"@id\":\"https://tramio.fr/claude/101/artefacts#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://tramio.fr/claude/101/artefacts#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Structurer votre espace de travail\",\"item\":\"https://tramio.fr/claude/101/projets\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Les artefacts : des livrables prêts à l'emploi\",\"item\":\"https://tramio.fr/claude/101/artefacts\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://tramio.fr/claude/101/artefacts#article\",\"headline\":\"Les artefacts : des livrables prêts à l'emploi\",\"name\":\"Les artefacts : des livrables prêts à l'emploi\",\"description\":\"Quand Claude produit quelque chose de substantiel, il ne le noie pas dans la conversation — il l'affiche dans une fenêtre dédiée, prêt à être utilisé, modifié ou téléchargé.\",\"url\":\"https://tramio.fr/claude/101/artefacts\",\"mainEntityOfPage\":{\"@id\":\"https://tramio.fr/claude/101/artefacts#webpage\"},\"dateModified\":\"2026-03-17T08:01:33.461Z\",\"publisher\":{\"@id\":\"https://tramio.fr/#organization\"},\"isPartOf\":{\"@id\":\"https://tramio.fr#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Tramio\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Tramio","nav":{"global":{"anchors":[]},"tabs":[{"tab":"Claude","groups":[{"group":"Découvrir Claude","pages":[{"title":"Portrait d'un assistant IA","href":"/claude/101/portrait-assistant-ia"},{"title":"Se lancer : premiers échanges avec Claude","href":"/claude/101/premiers-echanges"},{"title":"Travailler mieux : ajuster, évaluer, progresser","href":"/claude/101/ajuster-evaluer-progresser"}]},{"group":"L'application de bureau Claude","pages":[{"title":"Chat : dialoguer, réfléchir, rédiger","href":"/claude/101/chat"},{"title":"Cowork : déléguer des tâches complexes","href":"/claude/101/cowork"},{"title":"Code : développer avec Claude dans vos fichiers","href":"/claude/101/code"}]},{"group":"Structurer votre espace de travail","pages":[{"title":"Les projets : mémoire et contexte persistants","description":"Un projet Claude, c'est un espace de travail dédié où Claude connaît déjà votre contexte — documents de référence, instructions permanentes, historique partagé. Fini de tout réexpliquer à chaque conversation.","href":"/claude/101/projets"},{"title":"Les artefacts : des livrables prêts à l'emploi","href":"/claude/101/artefacts"},{"title":"Les compétences : enseigner à Claude vos méthodes","description":"Une compétence encode un processus — une façon précise de faire les choses — que Claude applique de façon reproductible, sans que vous ayez à réexpliquer la méthode à chaque fois.","href":"/claude/101/competences"}]},{"group":"Brancher Claude sur votre environnement","pages":[{"title":"Les connecteurs : relier Claude à vos outils","href":"/claude/101/connecteurs"},{"title":"Interroger la mémoire collective de votre organisation","href":"/claude/101/memoire-collective"},{"title":"La recherche approfondie : une enquête, pas une réponse","href":"/claude/101/recherche-approfondie"}]},{"group":"Pour aller plus loin","pages":[{"title":"Claude dans votre métier : exemples concrets","href":"/claude/101/exemples-concrets"},{"title":"Claude au-delà de claude.ai","href":"/claude/101/claude-au-dela"},{"title":"Ce que vous avez construit — et la suite","href":"/claude/101/ce-que-vous-avez-construit"}]}]},{"tab":"Claude Code","pages":[{"title":"Claude Code","href":"/claude/code"}]},{"tab":"Make","pages":[{"title":"Make","href":"/make"}]},{"tab":"Infra \u0026 IA locale","pages":[{"title":"Infra \u0026 IA locale","href":"/infra/open-notebook-ollama"}]}]},"basePath":"","title":"Les artefacts : des livrables prêts à l'emploi - Tramio","buildId":"dpl_DeHjVRGfFnhYQwHnfC2pjeXXv8h9","deploymentId":"dpl_DeHjVRGfFnhYQwHnfC2pjeXXv8h9","dynamics":[],"chunks":[]}