Pixelcheck logo

Pixelcheck

Inspect, operate, extract, score, and compare rendered web pages through MCP using Chromium-based browser actions.

Install Pixelcheck

Pick your client, then add it in one click or paste the config.

STDIONode.js
~/Library/Application Support/Claude/claude_desktop_config.json
claude_desktop_config.json
{
  "mcpServers": {
    "pixelcheck": {
      "command": "npx",
      "args": [
        "-y",
        "pixelcheck"
      ],
      "env": {
        "ANTHROPIC_API_KEY": "YOUR_VALUE_HERE"
      }
    }
  }
}

Settings → Developer → Edit Config, merge this into mcpServers, then fully quit and reopen Claude Desktop.

Values are written into the snippet above so you can paste it as is. They never leave your browser.

Install not yet sandbox-tested— we haven't run this command through our automated sandbox yet. Not a red flag; we're working through the catalog.

Overview

pixelcheck MCP server gives AI agents browser-based access to rendered web pages through MCP tools for inspection, interaction, extraction, scoring, and comparison. It runs locally over stdio, launches Chromium, and can return DOM summaries, screenshots, console errors, structured data, rubric findings, and audit reports. Reach for it when an agent needs to verify a frontend visually or navigate a site instead of relying only on source code. Anthropic API access is needed for vision-based criticism and related scoring workflows.

Use cases

  • Inspect a deployed page for DOM state, screenshots, and console errors
  • Drive signup, checkout, or other browser flows with semantic actions
  • Extract pricing, feature, or FAQ data into a defined JSON schema
  • Score or compare two page versions against a UX or visual rubric

Key features

  • Chromium-based page inspection over MCP
  • Semantic browser actions with screenshots and status results
  • Schema-shaped web data extraction
  • Rubric scoring with severity-graded findings
  • A/B comparison with double-blind or fast modes
  • JSON and HTML audit reporting

Tools12

What Pixelcheck lets your agent do. Expand a tool for its parameters.

Self-reported~455 tokens of context

Security & health

What it can reach and how reliably it runs — from our own checks, not the maintainer’s claims.

ActiveLast checked Today

Recent health check succeeded.

6/6 checks healthy over the last 38d

Supply-chain signal

No high-severity advisories surfaced by our automated scan.

Critical 0High 0Medium 0Low 0

Scanned 6d ago via OSV.dev · pixelcheck (npm)

Adoption & maintenance

Factual signals from GitHub, npm, and our automated checks — not a rating.

GitHub stars6Stargazers on the source repository.
npm downloads268Package downloads in the last 30 days.
Last commit10d agoMost recent push to the default branch.
Tools exposed12Callable tools this server registers over MCP.

How Pixelcheck works

What pixelcheck MCP server does

The pixelcheck MCP server connects an MCP client to rendered web pages through a locally running Chromium browser. It gives an agent ways to inspect a page, perform browser actions, retrieve structured content, and evaluate one or two URLs against defined criteria.

The see tool captures a single view and can return a DOM summary, screenshot, console errors, and an optional natural-language note. Omitting the goal avoids LLM cost for that operation. act runs sequences such as clicks, form fills, scrolling, screenshots, natural-language actions, and vision notes, then reports step results and the final page state.

For data collection, extract accepts a JSON Schema and returns data shaped to that schema, along with page diagnostics and a screenshot. judge scores a URL against a custom rubric, returning criterion scores from 0 to 10 and findings with severity and on-screen locations. compare applies the same rubric to two URLs; its default double-blind mode evaluates each independently before synthesizing the result, while fast uses one vision call.

How it works

The server exposes the browser primitives and additional workflow tools over MCP. audit_url runs the full audit pipeline for one URL and produces JSON and HTML reporting. explore_url performs an autonomous run from a free-form goal without requiring scenario YAML. The audit preset can also combine personas and scenarios for broader product reviews.

Project discovery tools include list_personas and list_scenarios. list_capabilities reports the available tools, their cost and cacheability information, side effects, dependencies, public environment variables, and live result-cache state. calibrate_critic checks the critic against labeled fixtures and returns pass/fail information with agreement metrics. get_last_report reads the latest audit summary from the local history database.

Setup and configuration

Install the package globally with npm, then run the diagnostic command before starting the MCP process:

Terminal
npm install -g pixelcheck
pixelcheck doctor
pixelcheck-mcp

The browser binary is installed during package installation. The documented MCP configuration uses the pixelcheck-mcp command with stdio transport. A typical client entry passes ANTHROPIC_API_KEY in the server environment:

config.json
{
  "mcpServers": {
    "pixelcheck": {
      "command": "pixelcheck-mcp",
      "env": { "ANTHROPIC_API_KEY": "sk-ant-..." }
    }
  }
}

Restart the MCP client after adding the configuration. The pixelcheck MCP server is documented for Claude Desktop, Cursor, Cline, Continue, Zed, and Claude Code.

Limitations and notes

The pixelcheck MCP server runs locally and does not use remote storage or telemetry according to the project documentation. Its stated outbound destination is the LLM provider used for agent or vision-critic work. Vision-based scoring sends audit data to Anthropic after opt-in on the first run, so teams should account for that data flow before using critic or audit features.

The repository documents Claude support today. OpenAI, Gemini, and Ollama-local provider support is described as a future roadmap item rather than a current capability. The audit preset complements traditional end-to-end tests; it is presented as a product-experience review layer, not a replacement for functional E2E coverage.

Reviews

No reviews yet — be the first to share how it worked for you.

Frequently Asked Questions about Pixelcheck

pixelcheck is an MCP server that connects AI agents to rendered web pages through a local Chromium browser. Its main tools inspect pages, perform actions, extract schema-shaped data, judge URLs against rubrics, compare two URLs, and run audits that produce structured reports for frontend and product review.

Install it globally with npm using `npm install -g pixelcheck`, then run `pixelcheck doctor` and start `pixelcheck-mcp`. The package installs the browser binary during installation, and the server uses stdio transport.

Yes, pixelcheck works with Cursor. Add a `pixelcheck` MCP entry that runs `pixelcheck-mcp`, provide `ANTHROPIC_API_KEY` in its environment, and restart Cursor.

No current support for those providers is documented; the README identifies Claude support today and lists OpenAI, Gemini, and Ollama-local support as a future roadmap item.

Related MCP servers

Add a badge to your READMEShow it’s listed — live SVG, Markdown or HTML.

AllMCPs Directory Badge

Full Badge Customizer

Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.

Badge Style:
Live Dynamic SVG PreviewPixelcheck AllMCPs Directory Badge
Markdown (GitHub README)
[![AllMCPs](https://allmcps.com/api/badge/pixelcheck?style=directory)](https://allmcps.com/mcp/pixelcheck)
HTML Embed
<a href="https://allmcps.com/mcp/pixelcheck"><img src="https://allmcps.com/api/badge/pixelcheck?style=directory" alt="Pixelcheck on AllMCPs" /></a>