[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-claude-code-mcp-setup-real-tools-en":3,"article-related-claude-code-mcp-setup-real-tools-en":35,"series-industry-79694a99-0e8a-4bf0-bc4d-f2b59fcdba15":84},{"id":4,"slug":5,"title":6,"content":7,"summary":8,"source":9,"source_url":10,"author":11,"image_url":12,"cover_image":12,"category":13,"language":14,"translated_content":11,"related_article_id":15,"keywords":16,"key_takeaways":27,"views":31,"created_at":32,"published_at":33,"topic_cluster_id":34},"79694a99-0e8a-4bf0-bc4d-f2b59fcdba15","claude-code-mcp-setup-real-tools-en","Claude Code MCP setup that connects real tools","\u003Cp>How do you connect \u003Ca href=\"\u002Ftag\u002Fclaude-code\">Claude Code\u003C\u002Fa> to tools with MCP?\u003C\u002Fp>\n\u003Cp data-speakable=\"summary\">\u003Ca href=\"\u002Ftag\u002Fclaude\">Claude\u003C\u002Fa> Code connects to tools through MCP servers for databases, APIs, and apps.\u003C\u002Fp>\n\u003Cp>Claude Code can connect to hundreds of external tools and data sources through the \u003Ca href=\"\u002Ftag\u002Fmodel-context-protocol\">Model Context Protocol\u003C\u002Fa>, with four main server types and clear setup rules.\u003C\u002Fp>\n\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>Item\u003C\u002Fth>\u003Cth>Best for\u003C\u002Fth>\u003Cth>Notes\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>HTTP server\u003C\u002Ftd>\u003Ctd>Remote services\u003C\u002Ftd>\u003Ctd>Recommended transport; supports OAuth and headers\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>SSE server\u003C\u002Ftd>\u003Ctd>Legacy remote setups\u003C\u002Ftd>\u003Ctd>Deprecated; use HTTP when available\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>stdio server\u003C\u002Ftd>\u003Ctd>Local scripts and system access\u003C\u002Ftd>\u003Ctd>Runs as a local process on your machine\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>WebSocket server\u003C\u002Ftd>\u003Ctd>Push-based remote events\u003C\u002Ftd>\u003Ctd>Persistent bidirectional connection; header auth only\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Ch2>1. HTTP servers for remote tools\u003C\u002Fh2>\n\u003Cp>HTTP is the default choice for remote MCP servers and the option Claude Code recommends for cloud services. It fits tools like Notion, internal APIs, and any server that responds to requests rather than pushing events on its own.\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784075570116-ndzz.png\" alt=\"Claude Code MCP setup that connects real tools\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\n\u003Cp>Example commands show the pattern clearly: add the server, set the transport, and include a token when needed. Claude Code also accepts \u003Ccode>streamable-http\u003C\u002Fcode> in JSON configs as an alias for \u003Ccode>http\u003C\u002Fcode>, which matters when you copy settings from server docs.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ccode>claude mcp add --transport http notion https:\u002F\u002Fmcp.notion.com\u002Fmcp\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>\u003Ccode>claude mcp add --transport http secure-api https:\u002F\u002Fapi.example.com\u002Fmcp --header \"Authorization: Bearer your-token\"\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>Use when the service supports OAuth, bearer tokens, or standard request-response flows\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>2. stdio servers for local workflows\u003C\u002Fh2>\n\u003Cp>Stdio servers run as local processes, which makes them a good fit for custom scripts, filesystem-aware tools, and integrations that need direct access to your machine. Claude Code sets \u003Ccode>CLAUDE_PROJECT_DIR\u003C\u002Fcode> for the spawned process so the server can resolve project paths reliably.\u003C\u002Fp>\n\u003Cp>The key detail is the \u003Ccode>--\u003C\u002Fcode> separator. Everything after it goes to the server command untouched, while Claude Code keeps its own flags before that point. That prevents option mix-ups when you launch tools through \u003Ccode>npx\u003C\u002Fcode>, Python, or another local runtime.\u003C\u002Fp>\n\u003Ccode>claude mcp add --transport stdio airtable -- npx -y airtable-mcp-server\u003C\u002Fcode>\n\u003Cul>\n\u003Cli>Best for local automation and custom connectors\u003C\u002Fli>\n\u003Cli>Use \u003Ccode>--env KEY=value\u003C\u002Fcode> for server environment variables\u003C\u002Fli>\n\u003Cli>Keep server flags after \u003Ccode>--\u003C\u002Fcode> so Claude does not parse them\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>3. WebSocket servers for push events\u003C\u002Fh2>\n\u003Cp>WebSocket servers are the choice when you want a persistent connection that can push messages into Claude Code without a prompt. That makes them useful for event streams, chat systems, and webhook-style integrations that need live updates.\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784075576928-v3cm.png\" alt=\"Claude Code MCP setup that connects real tools\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\n\u003Cp>The tradeoff is narrower auth support. WebSocket configs use header-based authentication, and the CLI \u003Ccode>--transport\u003C\u002Fcode> flag does not accept \u003Ccode>ws\u003C\u002Fcode>, so you configure these servers through JSON or \u003Ccode>claude mcp add-json\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ccode>claude mcp add-json events-server '{\"type\":\"ws\",\"url\":\"wss:\u002F\u002Fmcp.example.com\u002Fsocket\",\"headers\":{\"Authorization\":\"Bearer YOUR_TOKEN\"}}'\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>Use for bidirectional event streams\u003C\u002Fli>\n\u003Cli>Prefer HTTP if the server only answers requests\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>4. Approval and scope controls\u003C\u002Fh2>\n\u003Cp>MCP setup is not only about transport. Claude Code also tracks installation scope, approval state, and workspace trust, which affects whether a server is active or waiting for review. Project-scoped servers in \u003Ccode>.mcp.json\u003C\u002Fcode> can show up as pending until you approve them.\u003C\u002Fp>\n\u003Cp>The docs also spell out how to inspect and manage servers with commands like \u003Ccode>claude mcp list\u003C\u002Fcode>, \u003Ccode>claude mcp get\u003C\u002Fcode>, and \u003Ccode>claude mcp remove\u003C\u002Fcode>. That matters in shared repos, where trust settings and approval sources can differ between local and committed configuration.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ccode>claude mcp list\u003C\u002Fcode> to view configured servers\u003C\u002Fli>\n\u003Cli>\u003Ccode>claude mcp get github\u003C\u002Fcode> to inspect one server\u003C\u002Fli>\n\u003Cli>\u003Ccode>claude mcp remove github\u003C\u002Fcode> to delete it\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>5. Real-world use cases and risks\u003C\u002Fh2>\n\u003Cp>The strongest reason to wire up MCP is that Claude Code can act on live systems instead of pasted snippets. The docs point to issue trackers, monitoring data, databases, design tools, and chat apps as practical examples, from \u003Ca href=\"\u002Ftag\u002Fgithub\">GitHub\u003C\u002Fa> code reviews to PostgreSQL lookups.\u003C\u002Fp>\n\u003Cp>That power comes with a warning: servers that fetch external content can expose you to prompt injection risk, so you should verify every connector before trusting it. \u003Ca href=\"\u002Ftag\u002Fanthropic\">Anthropic\u003C\u002Fa>’s reviewed directory and the official server-building tools help, but review still belongs on your side.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Issue trackers: JIRA to GitHub PR flow\u003C\u002Fli>\n\u003Cli>Monitoring: Sentry and Statsig analysis\u003C\u002Fli>\n\u003Cli>Databases: PostgreSQL queries for user data\u003C\u002Fli>\n\u003Cli>Design and chat: Figma, Slack, Telegram, Discord\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>How to decide\u003C\u002Fh2>\n\u003Cp>If you need a remote SaaS integration, start with HTTP. If you are wiring a local script or a custom tool on your machine, use stdio. If your use case depends on live pushed events, choose WebSocket. If you are still exploring, the MCP quickstart is the safest first stop.\u003C\u002Fp>\n\u003Cp>For teams, the bigger decision is not just transport but trust: who can approve servers, which scope they live in, and whether the connector reads external content. Once those rules are clear, Claude Code can move from copy-paste workflows to direct action across your tools.\u003C\u002Fp>","Claude Code can reach external tools through MCP, with 4 connection options and clear rules for auth, scopes, and approvals.","code.claude.com","https:\u002F\u002Fcode.claude.com\u002Fdocs\u002Fen\u002Fmcp",null,"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784075570116-ndzz.png","industry","en","ef8146bf-45e9-43d0-b76b-de62fca38242",[17,18,19,20,21,22,23,24,25,26],"Claude Code","MCP","Model Context Protocol","HTTP server","stdio server","WebSocket","SSE","Anthropic","tool integration","AI automation",[28,29,30],"HTTP is the recommended transport for most remote MCP servers.","stdio fits local scripts, while WebSocket fits push-based event streams.","Approval state, scope, and trust settings affect whether a server is active.",1,"2026-07-15T00:32:30.27262+00:00","2026-07-15T00:32:30.264+00:00","75485abf-93ba-4e69-b61c-69a19a6c77c5",{"tags":36,"relatedLang":43,"relatedPosts":47},[37,39,41],{"name":19,"slug":38},"model-context-protocol",{"name":18,"slug":40},"mcp",{"name":17,"slug":42},"claude-code",{"id":15,"slug":44,"title":45,"language":46},"claude-code-mcp-setup-real-tools-zh","Claude Code MCP 連外工具的 5 種接法","zh",[48,54,60,66,72,78],{"id":49,"slug":50,"title":51,"cover_image":52,"image_url":52,"created_at":53,"category":13},"17a3ac02-b0e9-4946-96be-6d4da4ba7627","kaspis-super-app-packs-7-services-one-app-en","Kaspi’s Super App packs 7 services into one app","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784142176392-s708.png","2026-07-15T19:02:35.950968+00:00",{"id":55,"slug":56,"title":57,"cover_image":58,"image_url":58,"created_at":59,"category":13},"9c643a89-dbf9-461a-a271-db165e5e1e96","openpencil-scriptable-figma-escape-hatch-en","OpenPencil gives teams a scriptable Figma escape hatch","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784077368784-si2q.png","2026-07-15T01:02:21.252298+00:00",{"id":61,"slug":62,"title":63,"cover_image":64,"image_url":64,"created_at":65,"category":13},"7900970f-473f-4208-91c4-248bab8870dc","openviking-agent-context-database-en","OpenViking turns agent context into one database","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784057572153-ezj0.png","2026-07-14T19:32:20.796112+00:00",{"id":67,"slug":68,"title":69,"cover_image":70,"image_url":70,"created_at":71,"category":13},"414c12cc-e7e8-4c81-9ddc-75c61a78684e","openai-gpt-56-chatgpt-codex-update-en","OpenAI's GPT-5.6 update reshapes ChatGPT","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784052179759-6odf.png","2026-07-14T18:02:33.800696+00:00",{"id":73,"slug":74,"title":75,"cover_image":76,"image_url":76,"created_at":77,"category":13},"9a96ba99-9b94-479a-ab49-acdfebf76b9b","cloudflare-openai-pilot-fresher-search-en","Cloudflare’s OpenAI pilot is a smart bet on fresher search","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784035968974-5tcf.png","2026-07-14T13:32:23.584902+00:00",{"id":79,"slug":80,"title":81,"cover_image":82,"image_url":82,"created_at":83,"category":13},"125fe665-bd5e-4bfe-a4ed-c7ca72e84b82","cloudflare-487-partner-ecosystem-partnerbase-en","Cloudflare’s 487-partner ecosystem on Partnerbase","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784034179777-a55b.png","2026-07-14T13:02:33.937706+00:00",[85,90,95,100,105,110,115,120,125,130],{"id":86,"slug":87,"title":88,"created_at":89},"d35a1bd9-e709-412e-a2df-392df1dc572a","ai-impact-2026-developments-market-en","AI's Impact in 2026: Key Developments and Market Shifts","2026-03-25T16:20:33.205823+00:00",{"id":91,"slug":92,"title":93,"created_at":94},"5ed27921-5fd6-492e-8c59-78393bf37710","trumps-ai-legislative-framework-en","Trump's AI Legislative Framework: What's Inside?","2026-03-25T16:22:20.005325+00:00",{"id":96,"slug":97,"title":98,"created_at":99},"e454a642-f03c-4794-b185-5f651aebbaca","nvidia-gtc-2026-key-highlights-innovations-en","NVIDIA GTC 2026: Key Highlights and Innovations","2026-03-25T16:22:47.882615+00:00",{"id":101,"slug":102,"title":103,"created_at":104},"0ebb5b16-774a-4922-945d-5f2ce1df5a6d","claude-usage-diversifies-learning-curves-en","Claude Usage Diversifies, Learning Curves Emerge","2026-03-25T16:25:50.770376+00:00",{"id":106,"slug":107,"title":108,"created_at":109},"69934e86-2fc5-4280-8223-7b917a48ace8","openclaw-ai-commoditization-concerns-en","OpenClaw's Rise Raises Concerns of AI Model Commoditization","2026-03-25T16:26:30.582047+00:00",{"id":111,"slug":112,"title":113,"created_at":114},"b4b2575b-2ac8-46b2-b90e-ab1d7c060797","google-gemini-ai-rollout-2026-en","Google's Gemini AI Rollout Extended to 2026","2026-03-25T16:28:14.808842+00:00",{"id":116,"slug":117,"title":118,"created_at":119},"6e18bc65-42ae-4ad0-b564-67d7f66b979e","meta-llama4-fabricated-results-scandal-en","Meta's Llama 4 Scandal: Fabricated AI Test Results Unveiled","2026-03-25T16:29:15.482836+00:00",{"id":121,"slug":122,"title":123,"created_at":124},"bf888e9d-08be-4f47-996c-7b24b5ab3500","accenture-mistral-ai-deployment-en","Accenture and Mistral AI Team Up for AI Deployment","2026-03-25T16:31:01.894655+00:00",{"id":126,"slug":127,"title":128,"created_at":129},"5382b536-fad2-49c6-ac85-9eb2bae49f35","mistral-ai-high-stakes-2026-en","Mistral AI: Facing High Stakes in 2026","2026-03-25T16:31:39.941974+00:00",{"id":131,"slug":132,"title":133,"created_at":134},"9da3d2d6-b669-4971-ba1d-17fdb3548ed5","cursors-meteoric-rise-pressures-en","Cursor's Meteoric Rise Faces Industry Pressures","2026-03-25T16:32:21.899217+00:00"]