claude-computer-use-mcp

Theopsguide/claude-computer-use-mcp

3.3

If you are the rightful owner of claude-computer-use-mcp and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.

The Claude Computer Use MCP Server is a tool that enables Claude Code to perform browser automation tasks through a Model Context Protocol server.

Tools
5
Resources
0
Prompts
0

๐Ÿค– Claude Computer Use MCP Server

npm version License: MIT GitHub stars

๐Ÿš€ Transform Claude into a powerful browser automation tool!

An MCP (Model Context Protocol) server that gives Claude the ability to control web browsers, take screenshots, navigate websites, and perform automated web tasks - all through natural conversation.

๐ŸŽฏ What Can You Do?

Ask Claude to:

  • ๐Ÿ“ธ "Take a screenshot of google.com"
  • ๐Ÿ” "Navigate to reddit.com and extract the top headlines"
  • ๐Ÿ›’ "Go to amazon.com and search for laptops"
  • ๐Ÿ“Š "Compare pricing across 3 e-commerce sites"
  • ๐Ÿงช "Test if our website loads correctly"
  • ๐ŸŽจ "Browse design portfolios for inspiration"


โšก Quick Install

Option 1: NPM (Recommended)

# Install globally
npm install -g claude-computer-use-mcp

# Install browser dependencies
npx playwright install chromium

# Add to Claude Desktop (see setup guide below)

Option 2: From Source

git clone https://github.com/Theopsguide/claude-computer-use-mcp.git
cd claude-computer-use-mcp
npm install && npm run build

๐Ÿ› ๏ธ Setup Guide

Step 1: Install Dependencies

# Install browser binaries
npx playwright install chromium

# Linux/WSL: Install system dependencies
sudo apt-get update
sudo apt-get install -y libnspr4 libnss3 libatk-bridge2.0-0 libdrm2 libgtk-3-0 libgbm1

Step 2: Configure Claude Desktop

Add to your Claude Desktop configuration (claude_desktop_config.json):

{
  "mcpServers": {
    "claude-computer-use": {
      "command": "npx",
      "args": ["claude-computer-use-mcp"]
    }
  }
}

Windows with WSL: Use this configuration instead:

{
  "mcpServers": {
    "claude-computer-use": {
      "command": "wsl",
      "args": ["node", "/home/username/claude-computer-use-mcp/dist/index.js"]
    }
  }
}

Step 3: Configure Claude Code (Optional)

# Global installation
claude mcp add computer-use "npx" "claude-computer-use-mcp"

# From source
claude mcp add computer-use "node" "/path/to/claude-computer-use-mcp/dist/index.js"

๐Ÿš€ Quick Start

Restart Claude Desktop and try these commands:

"Launch a browser and take a screenshot of google.com"
"Navigate to github.com and extract all the repository links"  
"Go to reddit.com and tell me the top 3 headlines"
"Take screenshots of apple.com, microsoft.com, and google.com"
"Browse to hacker news and summarize the trending topics"

๐ŸŽ‰ That's it! Claude can now control browsers through natural conversation.

๐Ÿ”ง Browser Automation Tools

ToolDescriptionExample Usage
browser_launchLaunch browser instances"Launch a browser"
browser_navigateNavigate to URLs"Go to github.com"
browser_screenshotCapture screenshots"Take a screenshot"
browser_clickClick elements"Click the search button"
browser_typeType text into inputs"Type 'Claude AI' in the search box"
browser_selectSelect dropdown options"Select 'English' from language dropdown"
browser_waitWait for elements"Wait for the page to load"
browser_executeExecute JavaScript"Get page metrics"
browser_get_textExtract text content"Get all the headlines"
browser_get_attributeGet element attributes"Get all image URLs"
browser_get_urlGet current URL"What page am I on?"
browser_get_titleGet page title"What's the page title?"
browser_list_sessionsList active sessions"Show my browser sessions"
browser_closeClose browser sessions"Close the browser"

๐Ÿ“š Documentation

DocumentDescription
50+ real-world use cases and examples
Complete API reference and tool specifications
Code examples and automation patterns
Comprehensive installation guide
Security features and best practices

๐Ÿ›ก๏ธ Security Features

โœ… Input Validation - All inputs sanitized and validated
โœ… URL Restrictions - Only HTTP/HTTPS allowed, blocks internal IPs
โœ… Session Management - Secure session IDs with automatic cleanup
โœ… Resource Limits - Max 10 concurrent sessions, 30-minute timeout
โœ… JavaScript Disabled - By default for security (can be enabled)


๐Ÿค Contributing

We welcome contributions! Please see for guidelines.

Quick Development Setup

git clone https://github.com/Theopsguide/claude-computer-use-mcp.git
cd claude-computer-use-mcp
npm install
npm run dev  # Watch mode for development

๐Ÿ› Troubleshooting

Browser won't launch?

  • Install Playwright: npx playwright install chromium
  • Install system deps: sudo npx playwright install-deps chromium

MCP server not connecting?

  • Restart Claude Desktop completely
  • Check configuration in Claude settings
  • Verify the server path is correct

Windows + WSL issues?

  • Use the WSL configuration shown in setup guide
  • Ensure dependencies are installed in WSL

More help: Check our


๐Ÿ“Š Requirements

  • Node.js 18+
  • Claude Desktop or Claude Code CLI
  • Operating System: Windows (with WSL), macOS, or Linux
  • Browser: Chromium (auto-installed via Playwright)

โญ Show Your Support

If this project helps you, please give it a โญ on GitHub!

Built with โค๏ธ by Luke Thompson

๐Ÿ“„ License

MIT ยฉ Luke Thompson - see file for details.