Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Claude Deep Think MCP Serveranalyze this error: 'Cannot read property 'map' of undefined' in my React component"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Claude Deep Think MCP Server
A powerful Model Context Protocol (MCP) server that provides proactive deep analytical thinking using Anthropic's Claude Sonnet 4.5. This tool is designed to be called BEFORE writing code when new information arrives.
β‘ Core Concept: Think Before Code
Use this tool FIRST when new information arrives, BEFORE writing any code:
π Error messages or stack traces
π User requirements or feature requests
π¬ Code review feedback
π Performance issues
π Security alerts
π API documentation to integrate
ποΈ Database problems
π UX/UI feedback
π Breaking changes in dependencies
ποΈ Architectural decisions
Workflow: New Info β Think Tool β Review Insights β Write Better Code
π Features
Deep Think & Analysis (claude_think)
Provides intelligent insights, suggestions, and strategic guidance before code implementation. Perfect for:
β Understanding context deeply before acting
β Identifying potential pitfalls upfront
β Suggesting best practices from the start
β Offering alternative approaches
β Extracting key information for efficient implementation
β Strategic decision-making
β Problem-solving and architecture planning
Result: Fewer bugs, better code quality, faster development!
π Prerequisites
Node.js 18+ or Bun
Anthropic Claude API key (Get one here)
MCP-compatible client (Cursor IDE, Claude Desktop, etc.)
π Quick Start
1. Installation
cd claude-vision-mcp
bun install
# or
npm install2. Configuration
The API key is configured when connecting to the MCP server (see Docker or Cursor setup below).
3. Build
bun run build
# or
npm run buildπ³ Docker Setup (Recommended)
Quick Start
cd claude-vision-mcp
# Create .env file with your API key
echo "ANTHROPIC_API_KEY=your-key-here" > .env
echo "CLAUDE_MODEL=claude-sonnet-4-20250514" >> .env
# Start container
docker-compose up -d
# Check status
docker ps | grep claude-visionThe container will auto-restart when Docker Desktop launches.
Docker Configuration
The server runs on http://localhost:8080/mcp with the following environment variables:
ANTHROPIC_API_KEY- Your Claude API key (required)CLAUDE_MODEL- Model to use (default: claude-sonnet-4-20250514)
π§ Usage in Cursor IDE
Docker Connection (Recommended)
Add to your ~/.cursor/mcp.json or .cursor/mcp.json:
{
"mcpServers": {
"Claude Deep Think": {
"url": "http://localhost:8080/mcp?apiKey=YOUR_API_KEY&model=claude-sonnet-4-5-20250929"
}
}
}Enable Proactive Thinking
Copy the .cursorrules file from this repo to your project root. This makes Cursor AI automatically use the think tool before writing code.
# From your project directory
cp claude-vision-mcp/.cursorrules .cursorrulesTool Usage Pattern
Always use this pattern when new information arrives:
Use the claude_think tool to analyze: [NEW INFORMATION]
Context: [Current situation, tech stack, constraints]Examples:
Error Message:
Use the claude_think tool to analyze:
Error: "TypeError: Cannot read property 'map' of undefined"
Context: React component rendering users from useState hookNew Feature:
Use the claude_think tool:
Requirement: Add dark mode toggle to header
Context: Next.js 14, need to check if ThemeContext existsPerformance Issue:
Use the claude_think tool:
Issue: Homepage renders 50+ times, parent causing all children to re-render
Context: useState for theme in Header, passed via props to 20+ childrenπ Examples
Example 1: Analyzing Technical Decisions
Use the claude_think tool to analyze:
"I'm building a real-time chat application. Should I use WebSockets, SSE, or HTTP polling?"
Context: Need to support 100K concurrent users, prioritize ease of implementationExpected Output: Comprehensive comparison with pros, cons, and recommendations
Example 2: Architecture Planning
Use the claude_think tool to evaluate:
"What's the best way to structure a multi-tenant SaaS application?"
Context: PostgreSQL database, Node.js backend, 50-100 tenants expectedExample 3: Best Practices
Use the claude_think tool:
"Review this approach to handling user sessions in a Next.js app"
Context: Using JWT tokens, storing in localStorage, concerned about securityπ οΈ Development
Project Structure
claude-vision-mcp/
βββ src/
β βββ index.ts # Main MCP server implementation
βββ .smithery/
β βββ index.cjs # Built server (generated)
βββ package.json # Dependencies and scripts
βββ tsconfig.json # TypeScript configuration
βββ smithery.yaml # Smithery deployment config
βββ Dockerfile # Docker container definition
βββ docker-compose.yml # Docker Compose configuration
βββ README.md # This fileAvailable Scripts
bun run build/npm run build- Compile TypeScriptbun run dev/npm run dev- Development server with hot reload
π Security Best Practices
Never commit API keys - Always use environment variables
Use .gitignore - Ensure
.envfiles are ignoredRotate keys regularly - Update API keys periodically
Review tool calls - Keep manual approval enabled in Cursor
Use development environments - Test with non-production data
π¦ Docker Management
# Start container
docker-compose up -d
# View logs
docker logs claude-vision-mcp-server -f
# Restart container
docker-compose restart
# Stop container
docker-compose down
# Rebuild and restart
docker-compose up -d --buildπ Troubleshooting
Issue: Server not connecting in Cursor
Solutions:
Verify Docker container is running:
docker ps | grep claude-visionCheck container logs:
docker logs claude-vision-mcp-serverRestart Cursor IDE completely
Verify API key in URL is correct
Issue: API key errors
Solutions:
Ensure key starts with
sk-ant-Test key at: https://console.anthropic.com/
Check environment variables in container
Verify URL parameter format
Issue: Container won't start
Solutions:
# Check logs
docker logs claude-vision-mcp-server
# Verify .env file
cat .env
# Rebuild from scratch
docker-compose down -v
docker-compose up -d --buildπ‘ Performance
With Bun runtime:
β‘ 4x faster package installs
β‘ 3-4x faster script execution
π¦ Smaller Docker images
π Faster cold starts
π Comprehensive Guides
PROACTIVE_THINKING_WORKFLOW.md - Complete workflow guide with before/after examples
THINK_TOOL_EXAMPLES.md - 10 real-world usage examples
.cursorrules - Cursor IDE rules for automatic think-before-code pattern
π‘ Why This Workflow?
Without Think Tool:
1. User reports error
2. AI writes quick fix
3. Fix creates new bug
4. Multiple iterations needed
β±οΈ Total: 30 minutes, 3 iterationsWith Claude_Think Tool:
1. User reports error
2. AI analyzes with claude_think tool (20s)
3. AI writes comprehensive fix
4. Works correctly first time
β±οΈ Total: 5 minutes, 1 iterationResult: 6x faster, better quality, fewer bugs! π
π License
MIT
π€ Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
π Support
For issues or questions:
Open an issue on GitHub
Check the MCP Documentation
Read the workflow guides in this repository
π Acknowledgments
Built with Anthropic Claude API
Powered by Model Context Protocol
Containerized with Bun