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

1. Install the extension
2. Click the MCP Integration icon in the sidebar
3. Sign in with your Composio API key (get one free at composio.dev)
4. Select AI agents to configure (click the robot icon)
5. Connect your first integration
6. Ask Claude to use it!

Usage

Connecting an Integration

1. Open the sidebar (click the icon in the activity bar)
2. Browse available integrations under "Available"
3. Click "Connect" on the integration you want
4. Complete authentication in your browser
5. Skills are automatically created for all selected agents

Configuring AI Agents

1. Click the robot icon ($(robot)) in the view title bar
2. Select which AI agents you want to use
3. 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.