Ajouter des serveurs MCP à Claude Code pour lui donner accès à de nouveaux outils : navigateur, base de données, services cloud.
Claude Code peut être étendu via des serveurs MCP (Model Context Protocol). Ces serveurs s’exécutent localement ou à distance et exposent de nouveaux outils que Claude peut utiliser comme n’importe quel outil natif.
Playwright est l’un des serveurs MCP les plus populaires pour le développement web. Il donne à Claude la capacité de contrôler un navigateur — naviguer vers des URLs, cliquer, remplir des formulaires, prendre des captures d’écran, lire la console.Pour l’ajouter à Claude Code, exécutez cette commande dans votre terminal (pas dans Claude Code) :
claude mcp add playwright npx @playwright/mcp@latest
Cette commande nomme le serveur playwright et fournit la commande de démarrage. Claude Code lancera automatiquement ce serveur au démarrage.
Lors de la première utilisation d’un outil MCP, Claude demande une autorisation. Pour pré-autoriser un serveur et éviter ces confirmations, ajoutez-le dans .claude/settings.local.json :
Avec Playwright, Claude peut voir le résultat visuel réel de votre application, pas seulement le code. Cela ouvre des workflows impossibles autrement.Exemple : améliorer la qualité de génération de composants UI en demandant à Claude de :
Ouvre localhost:3000, génère un composant de test, analyse le rendu visuel et mets à jour le prompt de génération dans @src/lib/prompts/generation.tsx pour produire de meilleurs résultats à l'avenir.
Claude navigue vers votre application, génère un composant, examine le résultat, puis modifie directement le fichier de prompt. Boucle de feedback visuelle intégrée.
MCP transforme Claude Code d’assistant de code en partenaire de développement complet. Chaque serveur MCP que vous ajoutez est un nouvel ensemble de capacités disponibles immédiatement, sans configuration supplémentaire de votre part.
{"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/code/mcp","slug":"/claude/code/mcp","pageMetadata":{"title":"Étendre Claude Code avec MCP","description":"Ajouter des serveurs MCP à Claude Code pour lui donner accès à de nouveaux outils : navigateur, base de données, services cloud.","href":"/claude/code/mcp","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: \"Ajouter des serveurs MCP à Claude Code pour lui donner accès à de nouveaux outils : navigateur, base de données, services cloud.\"\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={a:`a`,code:`code`,li:`li`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{CodeBlock,Heading,Tip}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`Claude Code peut être étendu via des serveurs MCP (Model Context Protocol). Ces serveurs s’exécutent localement ou à distance et exposent de nouveaux outils que Claude peut utiliser comme n’importe quel outil natif.`}),`\n`,_jsx(Heading,{level:`2`,id:`l’exemple-playwright`,children:`L’exemple Playwright`}),`\n`,_jsx(_components.p,{children:`Playwright est l’un des serveurs MCP les plus populaires pour le développement web. Il donne à Claude la capacité de contrôler un navigateur — naviguer vers des URLs, cliquer, remplir des formulaires, prendre des captures d’écran, lire la console.`}),`\n`,_jsx(_components.p,{children:`Pour l’ajouter à Claude Code, exécutez cette commande dans votre terminal (pas dans Claude Code) :`}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`1`,language:`shellscript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`shellscript`,children:_jsxs(_components.code,{language:`shellscript`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#953800`,\"--shiki-dark\":`#DCDCAA`},children:`claude`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` mcp`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` add`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` playwright`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` npx`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` @playwright/mcp@latest`})]}),`\n`]})})}),`\n`,_jsxs(_components.p,{children:[`Cette commande nomme le serveur `,_jsx(_components.code,{children:`playwright`}),` et fournit la commande de démarrage. Claude Code lancera automatiquement ce serveur au démarrage.`]}),`\n`,_jsx(Heading,{level:`2`,id:`gérer-les-permissions-mcp`,children:`Gérer les permissions MCP`}),`\n`,_jsxs(_components.p,{children:[`Lors de la première utilisation d’un outil MCP, Claude demande une autorisation. Pour pré-autoriser un serveur et éviter ces confirmations, ajoutez-le dans `,_jsx(_components.code,{children:`.claude/settings.local.json`}),` :`]}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`6`,language:`json`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`json`,children:_jsxs(_components.code,{language:`json`,numberOfLines:`6`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`{`})}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#9CDCFE`},children:` \"permissions\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`: {`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#9CDCFE`},children:` \"allow\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`: [`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"mcp__playwright\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`],`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#9CDCFE`},children:` \"deny\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`: []`})]}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` }`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`}`})}),`\n`]})})}),`\n`,_jsxs(_components.p,{children:[`Notez le double underscore dans `,_jsx(_components.code,{children:`mcp__playwright`}),` — c’est la convention de nommage des outils MCP dans Claude Code.`]}),`\n`,_jsx(Heading,{level:`2`,id:`ce-que-playwright-permet-concrètement`,children:`Ce que Playwright permet concrètement`}),`\n`,_jsx(_components.p,{children:`Avec Playwright, Claude peut voir le résultat visuel réel de votre application, pas seulement le code. Cela ouvre des workflows impossibles autrement.`}),`\n`,_jsx(_components.p,{children:`Exemple : améliorer la qualité de génération de composants UI en demandant à Claude de :`}),`\n`,_jsx(CodeBlock,{numberOfLines:`5`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`5`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Ouvre localhost:3000, génère un composant de test, `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`analyse le rendu visuel et mets à jour le prompt de génération `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`dans @src/lib/prompts/generation.tsx pour produire de meilleurs `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`résultats à l'avenir.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(_components.p,{children:`Claude navigue vers votre application, génère un composant, examine le résultat, puis modifie directement le fichier de prompt. Boucle de feedback visuelle intégrée.`}),`\n`,_jsx(Heading,{level:`2`,id:`l’écosystème-mcp`,children:`L’écosystème MCP`}),`\n`,_jsx(_components.p,{children:`Playwright n’est qu’un exemple. L’écosystème MCP couvre de nombreux domaines :`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Bases de données`}),` — requêtes SQL directes depuis Claude Code`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`APIs`}),` — tests et monitoring sans quitter le terminal`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Services cloud`}),` — interactions avec AWS, GCP, Azure`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Outils de développement`}),` — intégration avec votre chaîne d’outils existante`]}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`Pour explorer les serveurs MCP disponibles : `,_jsx(_components.a,{href:`https://modelcontextprotocol.io`,children:`modelcontextprotocol.io`})]}),`\n`,_jsx(Heading,{level:`2`,id:`autrement-dit`,children:`Autrement dit`}),`\n`,_jsx(Tip,{children:_jsx(_components.p,{children:`MCP transforme Claude Code d’assistant de code en partenaire de développement complet. Chaque serveur MCP que vous ajoutez est un nouvel ensemble de capacités disponibles immédiatement, sans configuration supplémentaire de votre part.`})})]})}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":"Étendre Claude Code avec MCP","description":"Ajouter des serveurs MCP à Claude Code pour lui donner accès à de nouveaux outils : navigateur, base de données, services cloud.","href":"/claude/code/mcp","hidden":false}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"L’exemple Playwright","slug":"l’exemple-playwright","depth":2,"children":[]},{"title":"Gérer les permissions MCP","slug":"gérer-les-permissions-mcp","depth":2,"children":[]},{"title":"Ce que Playwright permet concrètement","slug":"ce-que-playwright-permet-concrètement","depth":2,"children":[]},{"title":"L’écosystème MCP","slug":"l’écosystème-mcp","depth":2,"children":[]},{"title":"Autrement dit","slug":"autrement-dit","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"tramio","siteName":"Tramio","title":"Étendre Claude Code avec MCP - Tramio","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-03-17T10:13:45.884Z","originalFileLocation":"claude/code/mcp.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=\"Ajouter des serveurs MCP à Claude Code pour lui donner accès à de nouveaux outils : navigateur, base de données, services cloud.\">\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=\"Étendre Claude Code avec MCP - Tramio\">\u003cmeta data-mint-head property=\"og:description\" content=\"Ajouter des serveurs MCP à Claude Code pour lui donner accès à de nouveaux outils : navigateur, base de données, services cloud.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Tramio\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://tramio.fr/claude/code/mcp\">\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=Travailler+avec+Claude+Code\u0026amp;title=%C3%89tendre+Claude+Code+avec+MCP\u0026amp;description=Ajouter+des+serveurs+MCP+%C3%A0+Claude+Code+pour+lui+donner+acc%C3%A8s+%C3%A0+de+nouveaux+outils+%3A+navigateur%2C+base+de+donn%C3%A9es%2C+services+cloud.\u0026amp;theme=fa09c8feffdc02f99042bdeb\u0026amp;signature=49b9d28ef900a3320e5f6a948fce98603aa73df97bb7266152c9707d7459f8ed\">\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=\"Étendre Claude Code avec MCP - Tramio\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Ajouter des serveurs MCP à Claude Code pour lui donner accès à de nouveaux outils : navigateur, base de données, services cloud.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://tramio.mintlify.app/_mintlify/api/og/v2?division=Travailler+avec+Claude+Code\u0026amp;title=%C3%89tendre+Claude+Code+avec+MCP\u0026amp;description=Ajouter+des+serveurs+MCP+%C3%A0+Claude+Code+pour+lui+donner+acc%C3%A8s+%C3%A0+de+nouveaux+outils+%3A+navigateur%2C+base+de+donn%C3%A9es%2C+services+cloud.\u0026amp;theme=fa09c8feffdc02f99042bdeb\u0026amp;signature=49b9d28ef900a3320e5f6a948fce98603aa73df97bb7266152c9707d7459f8ed\">\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/code/mcp\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/claude/code/mcp.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/code/mcp#webpage\",\"url\":\"https://tramio.fr/claude/code/mcp\",\"name\":\"Étendre Claude Code avec MCP\",\"description\":\"Ajouter des serveurs MCP à Claude Code pour lui donner accès à de nouveaux outils : navigateur, base de données, services cloud.\",\"dateModified\":\"2026-03-17T10:13:45.884Z\",\"isPartOf\":{\"@id\":\"https://tramio.fr#website\"},\"breadcrumb\":{\"@id\":\"https://tramio.fr/claude/code/mcp#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://tramio.fr/claude/code/mcp#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Travailler avec Claude Code\",\"item\":\"https://tramio.fr/claude/code/modifications\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Étendre Claude Code avec MCP\",\"item\":\"https://tramio.fr/claude/code/mcp\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://tramio.fr/claude/code/mcp#article\",\"headline\":\"Étendre Claude Code avec MCP\",\"name\":\"Étendre Claude Code avec MCP\",\"description\":\"Ajouter des serveurs MCP à Claude Code pour lui donner accès à de nouveaux outils : navigateur, base de données, services cloud.\",\"url\":\"https://tramio.fr/claude/code/mcp\",\"mainEntityOfPage\":{\"@id\":\"https://tramio.fr/claude/code/mcp#webpage\"},\"dateModified\":\"2026-03-17T10:13:45.884Z\",\"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","pages":[{"title":"Claude","href":"/claude/101/portrait-assistant-ia"}]},{"tab":"Claude Code","groups":[{"group":"Comprendre et installer","pages":[{"title":"Introduction à Claude Code","href":"/claude/code"},{"title":"Comprendre les assistants de codage","href":"/claude/code/comprendre"},{"title":"Installation et configuration","href":"/claude/code/installation"},{"title":"Gérer le contexte avec CLAUDE.md","href":"/claude/code/contexte"}]},{"group":"Travailler avec Claude Code","pages":[{"title":"Apporter des modifications","href":"/claude/code/modifications"},{"title":"Contrôler la conversation","href":"/claude/code/conversation"},{"title":"Commandes personnalisées","description":"Créer vos propres commandes slash pour automatiser les workflows répétitifs et standardiser les pratiques de développement dans Claude Code.","href":"/claude/code/commandes"},{"title":"Étendre Claude Code avec MCP","href":"/claude/code/mcp"},{"title":"Intégration GitHub","description":"Configurer Claude Code dans GitHub Actions pour automatiser les revues de pull requests et traiter les issues directement depuis GitHub.","href":"/claude/code/github"}]},{"group":"Automatiser et étendre","pages":[{"title":"Hooks","href":"/claude/code/hooks"},{"title":"Le SDK Claude Code","href":"/claude/code/sdk"}]}]},{"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":"Étendre Claude Code avec MCP - Tramio","buildId":"dpl_DeHjVRGfFnhYQwHnfC2pjeXXv8h9","deploymentId":"dpl_DeHjVRGfFnhYQwHnfC2pjeXXv8h9","dynamics":[],"chunks":[]}
