본문으로 건너뛰기
cccskills
무료GitHub에 공개

mcp-integration

Integrate MCP servers into Claude Code plugins — covers .mcp.json configuration, plugin.json mcpServers field, server types (stdio, SSE, HTTP, WebSocket), environment variable expansion, tool naming conventions, OAuth and token authentication, security best practices, and testing workflows. Use when adding an MCP server to a plugin, configuring MCP authentication, debugging MCP tool discovery, setting up Model Context Protocol integration, or choosing between stdio and SSE transport types.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(2)

  • SKILL.md7.7 KB
  • references/server-types-and-patterns.md4.9 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

MCP Integration for Claude Code Plugins

Model Context Protocol (MCP) enables Claude Code plugins to expose external service capabilities as tools. Use this skill when adding MCP server configuration to a plugin, choosing transport types, or debugging MCP tool discovery.

MCP Skill Routing

flowchart TD
    Start(["MCP-related task"]) --> Q1{What do you need?}
    Q1 -->|"Build a new FastMCP server<br>from scratch in Python"| FastMCP["Use /fastmcp-creator"]
    Q1 -->|"Write a CLI client that<br>talks to an MCP server"| ClientCLI["Use /fastmcp-client-cli"]
    Q1 -->|"Run, inspect, or debug<br>an MCP server from terminal"| MCPCLI["Use /mcp-cli"]
    Q1 -->|"Write pytest tests for<br>FastMCP server tools"| Tests["Use /fastmcp-python-tests"]
    Q1 -->|"General Python development<br>for MCP server code"| PyDev["Use /python-engineering:orchestrate"]
    Q1 -->|"Configure an MCP server<br>inside a Claude Code plugin"| ThisSkill["Continue with this skill"]

For building FastMCP servers from scratch, use /fastmcp-creator. For writing CLI clients that communicate with MCP servers, use /fastmcp-client-cli. For terminal-based MCP server inspection and debugging, use /mcp-cli. For writing pytest test suites for FastMCP tools, use /fastmcp-python-tests. For general Python development of MCP server code, use /python-engineering:orchestrate.

Configuration Methods

Plugins bundle MCP servers via one of two methods.

flowchart TD
    Q{"How many MCP servers<br>does the plugin need?"}
    Q -->|"One server, simple setup"| Inline["Inline in plugin.json<br>Add mcpServers field"]
    Q -->|"Multiple servers or<br>complex configuration"| Dedicated["Dedicated .mcp.json<br>at plugin root"]
    Dedicated --> Benefit1["Separation of concerns<br>Easier maintenance<br>Clear ownership"]
    Inline --> Benefit2["Single config file<br>Good for minimal plugins"]

Dedicated .mcp.json (Recommended)

Create .mcp.json at the plugin root directory. Each top-level key is a server name.

{
  "database-tools": {
    "command": "${CLAUDE_PLUGIN_ROOT}/servers/db-server",
    "args": ["--config", "${CLAUDE_PLUGIN_ROOT}/config.json"],
    "env": {
      "DB_URL": "${DB_URL}"
    }
  }
}

Inline in plugin.json

Add an mcpServers field to the existing plugin.json.

{
  "name": "my-plugin",
  "version": "1.0.0",
  "mcpServers": {
    "plugin-api": {
      "command": "${CLAUDE_PLUGIN_ROOT}/servers/api-server",
      "args": ["--port", "8080"]
    }
  }
}

Server Types

flowchart TD
    Q{"Where does the<br>MCP server run?"}
    Q -->|"Local process<br>you control"| STDIO["stdio — spawns child process<br>Communicates via stdin/stdout<br>Claude Code manages lifecycle"]
    Q -->|"Hosted cloud service<br>with OAuth"| SSE["SSE — Server-Sent Events<br>OAuth handled automatically<br>No local install needed"]
    Q -->|"REST API backend<br>with token auth"| HTTP["HTTP — RESTful endpoint<br>Token-based authentication<br>Stateless interactions"]
    Q -->|"Real-time bidirectional<br>streaming needed"| WS["WebSocket — persistent connection<br>Low-latency push notifications<br>ws or wss protocol"]

For detailed configuration examples, type-specific fields, and advanced options for each server type, read Server Types Reference.

Environment Variable Expansion

All MCP configurations support variable substitution.

${CLAUDE_PLUGIN_ROOT} resolves to the plugin's installed directory. Always use this for paths to bundled scripts and configs — never hardcode absolute paths.

{
  "command": "${CLAUDE_PLUGIN_ROOT}/servers/my-server",
  "env": {
    "API_KEY": "${MY_API_KEY}",
    "DATABASE_URL": "${DB_URL}"
  }
}

User environment variables (from the user's shell) are available in the env block. Document all required environment variables in the plugin README.

Tool Naming Convention

MCP tools are automatically prefixed when registered.

Format: mcp__plugin_<plugin-name>_<server-name>__<tool-name>

Example with plugin asana, server asana, tool create_task:

mcp__plugin_asana_asana__asana_create_task

Pre-allow specific MCP tools in skill or command frontmatter:

allowed-tools: mcp__plugin_asana_asana__asana_create_task, mcp__plugin_asana_asana__asana_search_tasks

Avoid wildcard patterns (mcp__plugin_asana_asana__*) — pre-allow specific tools for security.

Authentication Patterns

flowchart TD
    Q{"Authentication<br>method?"}
    Q -->|"Cloud service<br>user authorizes in browser"| OAuth["OAuth — automatic<br>SSE or HTTP type<br>No config needed beyond URL<br>User prompted on first use"]
    Q -->|"API key or<br>bearer token"| Token["Token-based — headers block<br>Use env vars, never hardcode<br>Document required vars in README"]
    Q -->|"Local process<br>no external auth"| EnvVar["Environment variables<br>Pass config via env block<br>Credentials stay in user shell"]

OAuth example (SSE):

{
  "type": "sse",
  "url": "https://mcp.example.com/sse"
}

Token example (HTTP):

{
  "type": "http",
  "url": "https://api.example.com/mcp",
  "headers": {
    "Authorization": "Bearer ${API_TOKEN}"
  }
}

Lifecycle and Testing

MCP servers start when the plugin loads. Connection is established before first tool use.

Lifecycle sequence: plugin loads, MCP configuration parsed, server process started (stdio) or connection established (SSE/HTTP/WS), tools discovered and registered, tools available as mcp__plugin_....

Testing Workflow

  1. Configure MCP server in .mcp.json
  2. Install plugin locally or use claude --plugin-dir ./my-plugin
  3. Run /mcp to verify the server appears
  4. Test tool calls from skills or commands
  5. Use claude --debug to inspect connection attempts, tool discovery, and errors

Debugging Common Issues

Server not connecting — verify URL, confirm server process is running (stdio), check network connectivity, review auth config.

Tools not available — verify server connected via /mcp, check tool names match exactly (including prefix), restart Claude Code after config changes.

Authentication failing — clear cached OAuth tokens and re-authenticate, verify environment variables are set, check token scopes and permissions.

Security Checklist

  • Use HTTPS/WSS for all remote connections — never HTTP/WS
  • Store tokens in environment variables — never hardcode in config
  • Pre-allow specific MCP tools — avoid wildcard __* patterns
  • Document all required environment variables in the plugin README
  • Test authentication flows during development, not after publishing

Additional Resources

For complete server type configurations (stdio, SSE, HTTP, WebSocket) with full examples, integration patterns (tool wrappers, autonomous agents, multi-server plugins), and performance considerations, read Server Types and Patterns Reference.

SOURCE: Adapted from Anthropic plugin-dev mcp-integration skill (../claude-plugins-official/plugins/plugin-dev/skills/mcp-integration/SKILL.md). Tool naming format and environment variable expansion per Claude Code plugin documentation.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Add automated documentation updater to any Claude skill. Creates a Python sync script that downloads upstream docs, processes markdown for AI consumption, and maintains local cache with configurable refresh. Collects template variables, then delegates implementation through 5-phase workflow. Use when adding auto-updating reference documentation to plugins or skills.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Jamie-BitFlight/claude_skills672026년 10월 20일 업데이트

SAM-style feature initiation workflow — discovery through codebase analysis, architecture spec, task decomposition, validation, and context manifest. Use when a user asks to add a feature, plan a feature, or convert an idea into an executable SAM plan.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Jamie-BitFlight/claude_skills672026년 10월 20일 업데이트

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Jamie-BitFlight/claude_skills672026년 10월 20일 업데이트

Browser automation for AI agents using the agent-browser CLI and Playwright. Use when navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, logging into sites, or automating any browser task. Triggers on "open a website", "fill out a form", "click a button", "scrape data", "test this web app", "automate browser actions", or any programmatic web interaction request.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Jamie-BitFlight/claude_skills672026년 10월 20일 업데이트

Runs the description-drift experiment — spawns all Claude Code agents simultaneously to collect self-reported capabilities, then compares them against static frontmatter descriptions to reveal how reliable orchestrator routing based on descriptions actually is. Use when measuring description drift across the agent fleet, re-running the capability collection experiment, analyzing a specific agent's self-reported capabilities, or auditing whether frontmatter descriptions accurately reflect agent behavior.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Jamie-BitFlight/claude_skills672026년 10월 20일 업데이트

Create or adapt Claude Code agent definitions. Use when creating an agent, changing subagent configuration, selecting agent scope, or designing a specialized delegation role.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Jamie-BitFlight/claude_skills672026년 10월 20일 업데이트

Jamie-BitFlight의 스킬 모두 보기

이 스킬의 문제 신고