Install

Claude Code, Claude Desktop, Cursor, VS Code, or any client that reads an mcpServers block.

Node.js 24 or newer, and Google Chrome with the Page Scanner extension 1.3.0 or newer installed. Earlier versions have no helper to connect through.

Let your agent set it up

Paste this into Claude Code, Codex, Cursor or any agent that can run commands. It does every step it can, and asks you for the two that happen in Chrome.

Set up the Page Scanner MCP server for yourself, so you can capture web pages through my Chrome. The install guide is https://docs.pagescanner.app/mcp/install.md and connecting Chrome is https://docs.pagescanner.app/mcp/pairing.md; every page of the documentation at https://docs.pagescanner.app is also Markdown at its address plus .md.

1. Run `node --version`. Page Scanner needs Node.js 24 or newer; if it is older or missing, stop and tell me.
2. Register the server with the client you are running in:
   - Claude Code: run `claude plugin marketplace add sbd530/page-scanner-skills`, then `claude plugin install page-scanner@page-scanner-skills`. The plugin registers the server and adds the agent skill.
   - VS Code: run `code --add-mcp '{"name":"page-scanner","command":"npx","args":["-y","@page-scanner/mcp","serve"]}'`.
   - Cursor: add `"page-scanner": {"command":"npx","args":["-y","@page-scanner/mcp","serve"]}` under mcpServers in `~/.cursor/mcp.json`.
   - Any other client: add the same entry under the key it reads its servers from. If you do not know which file that is, ask me.
   Outside Claude Code, also run `npx skills add sbd530/page-scanner-skills`, the agent skill that teaches you when and how to use the tools.
3. Run `npx @page-scanner/mcp install`. It sets up the helper Chrome starts to reach Page Scanner, for every Chromium browser on this computer, and prints which. It returns no secret.
4. Then ask me to do the part only I can do, in Chrome, and wait until I say it is done:
   - install the Page Scanner extension if I have not, from https://chromewebstore.google.com/detail/page-scanner/oinkohacnbkapdnnhpidmoidmidlgaoj?utm_source=docs.pagescanner.app (or https://microsoftedge.microsoft.com/addons/detail/edlmbcahnbpdfibbimdkdbgiemadanhh?utm_source=docs.pagescanner.app in Edge);
   - open its settings, and under Local Agents give this browser a name, press Connect and allow Chrome's prompt.
5. Run `npx @page-scanner/cli browsers` to check. The first connection can take up to a minute, so if nothing is listed, wait and run it again before you tell me it failed.

Do not call the pair tool or run `npx @page-scanner/mcp pair` unless I ask for it: it puts a pairing token into this conversation, and the helper needs none.
When it works, tell me which browsers are connected, and whether I have to restart you, or start a new session, before the server's tools appear.

Or register it yourself, in the client you use.

Claude Code

As a plugin, which registers the server and installs the agent skill with it:

claude plugin marketplace add sbd530/page-scanner-skillsclaude plugin install page-scanner@page-scanner-skills

Or the server alone:

claude mcp add page-scanner -- npx -y @page-scanner/mcp

Claude Desktop, and anything reading .mcp.json

Claude Desktop reads this block from claude_desktop_config.json; other clients read it from .mcp.json.

{  "mcpServers": {    "page-scanner": {      "command": "npx",      "args": ["-y", "@page-scanner/mcp", "serve"]    }  }}

Cursor

Add to Cursor opens Cursor and asks to add the server. It writes the same block as above into Cursor's settings, which you can also do by hand in ~/.cursor/mcp.json.

VS Code

code --add-mcp '{"name":"page-scanner","command":"npx","args":["-y","@page-scanner/mcp","serve"]}'

VS Code keeps its own servers under a servers key in .vscode/mcp.json, not mcpServers; the entry inside is the same.

The MCP Registry

The server is listed in the MCP Registry as io.github.sbd530/page-scanner, so a client that installs from the registry finds it by that name or by searching for Page Scanner.

Then connect Chrome. For Codex, Cursor and the other agents that read the Agent Skills format, npx skills add sbd530/page-scanner-skills adds the skill beside whichever of these blocks the agent reads.

Updating

Both setups run npx -y @page-scanner/mcp, which asks npm for the newest version each time the client starts the server. Restart the client, or start a new Claude Code session, to pick one up. The daemon restarts itself on the new version and the pairing carries over.

If you also installed the command line globally, update it at the same time with npm install -g @page-scanner/cli@latest. A daemon of one version is replaced by a client of any other, so the two would keep replacing each other's daemon.