What is MCP? Works Everywhere Now

The Protocol & Platforms

• MCP (Model Context Protocol) — the analogy is USB for AI. Plug in a server, AI gets new tools. One protocol, every platform.
• Where MCP works (2025+)
  • › Claude Code — native since day 1 (`.mcp.json`)
  • › Copilot CLI — full support (`.mcp.json`, same format)
  • › VSCode Chat — GA since July 2025 (`.vscode/mcp.json`)
  • › Copilot coding agent — MCP servers in cloud environments
  • › Copilot agents — inline `mcp-servers:` in .agent.md frontmatter
• Config file differences — root key matters, copy-paste will break
  • › CLIs: `.mcp.json` with `"mcpServers": {}`
  • › VSCode: `.vscode/mcp.json` with `"servers": {}`
• Before MCP — 'I can't see websites.' After MCP — screenshot in 2 seconds. The capability gap between tools has collapsed.

Config & Our Servers

1. 1 Our 6 MCP servers — each adds a distinct capability
   • › ADO — work items, PRs, builds, wiki
   • › AEM — JCR content, components, pages
   • › Playwright — screenshots, navigation, DOM
   • › Figma — designs, tokens, screenshots
   • › axe — accessibility audits
   • › GitHub MCP — built into Copilot
2. 2 Add Playwright MCP to both `.mcp.json` AND `.vscode/mcp.json` — test in Claude Code, Copilot CLI, and VSCode Chat
3. 3 Remember the root key difference — `mcpServers` for CLIs, `servers` for VSCode. Don't copy-paste between them without changing the key
4. 4 For Copilot agents, try inline `mcp-servers:` in the .agent.md frontmatter — no separate config file needed