Webtools MCP Server
@misterboe
About Webtools MCP Server
No overview available yet
Config
Add this server to your MCP-compatible client using the configuration below.
{
"mcpServers": {
"webtools-mcp-server": {
"command": "npx",
"args": [
"@bschauer/webtools-mcp-server"
]
}
}
}Tools
10Get the HTML content of a webpage. Automatically handles retries and proxy if needed.
Get the webpage content in Markdown format, including links and images. Handles blocked access automatically.
Take a screenshot of a webpage or specific element on the page with custom device emulation
Debug a webpage by capturing console output, network requests, errors, and layout thrashing with custom device emulation. Includes advanced response size management with pagination, output limits, and compact formatting to stay within MCP token limits.
Run a Lighthouse audit on a webpage to generate a comprehensive performance report with detailed resource analysis. The report includes specific file paths, resource sizes, and performance metrics similar to Chrome DevTools. Identifies exact files causing performance issues without offering improvement suggestions.
Perform a detailed performance analysis with specialized modules for layout thrashing, CSS variables impact, JavaScript execution timeline, long tasks breakdown, memory and DOM growth analysis, and resource loading optimization. Provides actionable recommendations for performance improvements.
Analyze JavaScript and CSS coverage to identify unused code and optimization opportunities. Uses Chrome DevTools Protocol Coverage API to provide detailed insights into code usage.
Analyze Core Web Vitals metrics (LCP, CLS, FID/INP, TTFB) and identify problematic elements affecting these metrics. Uses Performance Observer API to provide detailed insights into real user experience metrics.
Analyze network activity and resource loading performance. Provides detailed insights into network requests, timing, and optimization opportunities.
Run performance tests across different devices and network conditions. Compare results and identify device-specific or network-specific issues.
Overview
What is Webtools MCP Server?
A Model Context Protocol server that provides comprehensive web analysis tools, including HTML extraction, markdown conversion, screenshot capture, a debug console, advanced performance analysis, and Lighthouse-powered web audits. It is designed for developers using Claude Desktop or Claude Code to analyze websites for content, performance, accessibility, and SEO.
How to use Webtools MCP Server?
Install globally with npm install -g @bschauer/webtools-mcp-server or run directly with npx @bschauer/webtools-mcp-server. Configure it in Claude Desktop by adding a JSON entry under mcpServers, or add it via claude mcp add in Claude Code. Token usage can be optimized by setting the ENABLED_TOOLS environment variable or using the --tools CLI argument with a preset (e.g., BASIC, WEB, PERFORMANCE) or a comma-separated list of individual tool names.
Key features of Webtools MCP Server
- Raw HTML extraction with JavaScript rendering and proxy support
- Markdown conversion with clean content and link preservation
- Screenshot capture with full‑page, element‑specific, and device emulation
- Debug console with network monitoring, error tracking, and performance metrics
- Lighthouse audits for performance, accessibility, SEO, and best practices
- Advanced performance tools: tracing, network analysis, code coverage, web vitals, cross‑device testing
- Token usage optimization via presets (up to 89% reduction)
- Configurable proxy, browser viewport, device presets, and network conditions
Use cases of Webtools MCP Server
- Extract main content from any webpage as clean markdown
- Take full‑page or element‑specific screenshots of web pages
- Run comprehensive Lighthouse audits to improve site performance and SEO
- Debug web pages by capturing console output, network requests, and errors
- Analyze performance bottlenecks with traces, coverage analysis, and core web vitals
FAQ from Webtools MCP Server
Is Webtools MCP Server safe for production use?
No. The README explicitly states the software is AI‑assisted, provided as‑is, and should NOT be used in production without thorough testing. It may contain errors or security vulnerabilities.
What are the prerequisites to run Webtools MCP Server?
Node.js version 14 or higher is required. Chrome/Chromium is automatically provided by Puppeteer — no separate installation needed.
How can I reduce token usage when using Webtools MCP Server?
Set the ENABLED_TOOLS environment variable to a preset (e.g., BASIC for ~1k tokens) or use the --tools CLI argument with a preset or comma‑separated tool names. The BASIC preset reduces token usage by 89%.
How do I configure proxy or browser settings?
Create a configuration file at ~/.mcp/webtools-mcp-server.config.json. It supports proxy settings, browser viewport, device presets, and network condition profiles.
Frequently asked questions
Is Webtools MCP Server safe for production use?
No. The README explicitly states the software is AI‑assisted, provided as‑is, and should NOT be used in production without thorough testing. It may contain errors or security vulnerabilities.
What are the prerequisites to run Webtools MCP Server?
Node.js version 14 or higher is required. Chrome/Chromium is automatically provided by Puppeteer — no separate installation needed.
How can I reduce token usage when using Webtools MCP Server?
Set the `ENABLED_TOOLS` environment variable to a preset (e.g., `BASIC` for ~1k tokens) or use the `--tools` CLI argument with a preset or comma‑separated tool names. The `BASIC` preset reduces token usage by 89%.
How do I configure proxy or browser settings?
Create a configuration file at `~/.mcp/webtools-mcp-server.config.json`. It supports proxy settings, browser viewport, device presets, and network condition profiles.
Basic information
More Other MCP servers
Maestro
mobile-dev-incPainless E2E Automation for Mobile and Web
ICSS
chokcoco不止于 CSS
Lemon.io
lemon-ioRequest dedicated senior developers to work on your project, write job descriptions, and prep technical interviews — all without leaving your Claude chat. Just describe what you need, and Lemon.io MCP does the rest. 1–3
Glasswarp
GlasswarpSee and control a real Windows PC you own — from any MCP client, locally or remotely. Observe (UIA + screenshots), click/type/drag/scroll, launch apps, owner Live View. BYOH: your machine, your key.
MaxKB
1Panel-dev🔥 MaxKB is an open-source platform for building enterprise-grade agents. 强大易用的开源企业级智能体平台。
Comments