MCP Integration Skills for Claude Code
Connect 200+ integrations to Claude Code and other AI agents with one click. No code required.
Features
- One-Click Connections: Connect Slack, Gmail, GitHub, Notion, and 200+ more integrations
- Multi-Agent Support: Configure integrations for 6 AI agents including Claude Code, Cursor, Gemini CLI, GitHub Copilot, OpenAI Codex, and OpenCode
- Automatic Skill Generation: Skills are automatically created for each configured agent
- Agent Synchronization: Automatically sync integrations when adding/removing agents
- Bulk Operations: Connect multiple integrations or disconnect all at once
- Configuration Import/Export: Save and restore your setup
- Visual Management: Browse, connect, and manage integrations from the sidebar
- OAuth Authentication: Secure authentication via browser
- MCP Server Setup: Automatic MCP configuration for each agent's native format
Supported AI Agents
| Agent |
Skills Path |
MCP Config |
| Claude Code |
.claude/skills/ |
.mcp.json |
| Cursor |
.cursor/skills/ |
.cursor/mcp.json |
| Gemini CLI |
.gemini/skills/ |
.gemini/settings.json |
| GitHub Copilot |
.github/copilot/skills/ |
.vscode/mcp.json |
| OpenAI Codex |
.codex/skills/ |
.codex/config.toml |
| OpenCode |
.opencode/skills/ |
opencode.json |
Getting Started
- Install the extension
- Click the MCP Integration icon in the sidebar
- Sign in with your Composio API key (get one free at composio.dev)
- Select AI agents to configure (click the robot icon)
- Connect your first integration
- Ask Claude to use it!
Usage
Connecting an Integration
- Open the sidebar (click the icon in the activity bar)
- Browse available integrations under "Available"
- Click "Connect" on the integration you want
- Complete authentication in your browser
- Skills are automatically created for all selected agents
Configuring AI Agents
- Click the robot icon ($(robot)) in the view title bar
- Select which AI agents you want to use
- Integrations will be automatically synced to all selected agents
Bulk Operations
- Connect Multiple: Use the add-multiple icon to connect several integrations at once
- Disconnect All: Remove all integrations in one click
- Export Config: Save your current setup to a JSON file
- Import Config: Restore integrations from a backup file
Quick Search
Press Cmd+Shift+I (Mac) or Ctrl+Shift+I (Windows/Linux) to quickly search integrations.
Using with Claude
Once connected, ask Claude to use your integrations:
"Send a message to #general on Slack"
"Create a GitHub issue for this bug"
"Send an email summary to the team"
Managing MCP per Workspace
Connected integrations show their MCP status in the sidebar:
- MCP active (green check) — MCP server and skill files are configured in this workspace
- Not configured (circle) — Connected on Composio but no local MCP setup
Actions:
- Enable MCP: Click the plug icon on a "Not configured" integration to create MCP server and skill files — no re-authentication needed
- Disable MCP: Right-click an "MCP active" integration to remove local config while keeping the Composio connection
- Disconnect: Fully remove the integration from Composio (requires re-authentication to reconnect)
- View Tools: Right-click an "MCP active" integration to see available tools
- Refresh: Click the refresh button to update the list
Requirements
- VS Code 1.96.0 or later
- A Composio account (free at composio.dev)
Extension Settings
| Setting |
Description |
Default |
composio.userId |
Your user ID (auto-generated) |
- |
composio.autoGenerateSkills |
Automatically generate skill files |
true |
composio.skillsPath |
Path to store generated skills |
.claude/skills |
composio.selectedAgents |
AI agents to configure integrations for |
["cursor"] |
Generated Skill Structure
For each agent, skills are generated in the appropriate location:
.claude/skills/slack/
├── SKILL.md # Skill definition for Claude
└── handler.ts # CLI tool to execute actions
.cursor/skills/slack/
├── SKILL.md
└── handler.ts
Development
# Install dependencies
npm install
# Compile TypeScript
npm run compile
# Watch mode (fast, recommended)
npm run esbuild-watch
# Run unit tests
npm run test
# Run tests with coverage
npm run test:coverage
# Run all tests (unit + integration)
npm run test:all
# Lint
npm run lint
# Package for distribution
npm run package
See docs/CONTRIB.md for detailed development workflow.
License
MIT - see LICENSE for details.
