mirror of
https://github.com/duthaho/claudekit.git
synced 2026-07-17 21:19:41 +03:00
MCP Server Integrations
Model Context Protocol (MCP) servers extend Claude Code capabilities with specialized tools and integrations.
Available MCP Servers
| Server | Purpose | Status |
|---|---|---|
| Context7 | Up-to-date library documentation | Optional |
| Sequential | Multi-step reasoning tools | Optional |
| Puppeteer | Browser automation | Optional |
| Magic | UI component generation | Optional |
Installation
Prerequisites
- Node.js 18+
- npx available in PATH
Global Configuration
MCP servers are configured in your Claude Code settings:
Location: ~/.claude/settings.json (user) or .claude/settings.json (project)
Quick Setup
- Copy the desired configuration from the server-specific JSON files
- Add to your
settings.jsonundermcpServers - Restart Claude Code
Server Configurations
Context7 (Documentation Lookup)
Provides up-to-date documentation for libraries and frameworks.
{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@context7/mcp-server"]
}
}
}
Usage: Ask about any library and get current documentation.
Sequential Thinking
Provides structured reasoning tools for complex problem-solving.
{
"mcpServers": {
"sequential": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-sequential-thinking"]
}
}
}
Usage: Complex analysis with step-by-step reasoning.
Puppeteer (Browser Automation)
Enables browser automation for testing and web interaction.
{
"mcpServers": {
"puppeteer": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-puppeteer"]
}
}
}
Usage: Web testing, screenshots, form automation.
Magic (UI Generation)
Generates UI components from descriptions.
{
"mcpServers": {
"magic": {
"command": "npx",
"args": ["-y", "@anthropic/magic-mcp-server"]
}
}
}
Usage: Generate React/Vue components from descriptions.
Full Configuration Example
{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@context7/mcp-server"]
},
"sequential": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-sequential-thinking"]
},
"puppeteer": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-puppeteer"]
}
}
}
Verification
After configuration, verify servers are loaded:
- Start a new Claude Code session
- Check for MCP tools in available capabilities
- Test with a simple request
Troubleshooting
Server Not Loading
- Check Node.js version (18+ required)
- Verify npx is in PATH
- Check for typos in configuration
- Review Claude Code logs
Permission Errors
- Ensure network access for package installation
- Check firewall settings
- Verify npm registry access
Slow Startup
- First run downloads packages (one-time)
- Subsequent starts should be faster
- Consider pre-installing packages globally
Security Notes
- MCP servers run with your user permissions
- Review server source before installing
- Puppeteer has browser access - use carefully
- Context7 makes network requests to documentation sources