spa-reader-mcp

MCP server that renders JavaScript SPA pages and extracts Markdown via headless Chromium.

Traditional scrapers fail on SPAs because content is rendered client-side. This tool launches Playwright, waits for JS to finish, then extracts clean Markdown using Readability + Turndown.

Install

npx playwright install chromium

Claude Desktop

{
  "mcpServers": {
    "spa-reader": {
      "command": "npx",
      "args": ["-y", "spa-reader-mcp"]
    }
  }
}

Claude Code

claude mcp add spa-reader -- npx -y spa-reader-mcp

Tools

spa_read

Render a page and extract content as Markdown.

Parameter	Type	Default	Description
url	string	—	URL to read (required)
waitForSelector	string	—	CSS selector to wait for
waitTimeout	number	30000	Timeout in ms
includeMetadata	boolean	true	Add YAML frontmatter
cookies	array	—	Cookies for auth
headers	object	—	Custom HTTP headers

spa_screenshot

Capture a PNG screenshot after JS rendering.

Parameter	Type	Default	Description
url	string	—	URL to capture (required)
waitForSelector	string	—	CSS selector to wait for
waitTimeout	number	30000	Timeout in ms
width	number	1280	Viewport width
height	number	720	Viewport height
fullPage	boolean	false	Full page capture
cookies	array	—	Cookies for auth
headers	object	—	Custom HTTP headers

Security

• SSRF protection: blocks private/loopback IPs
• Only http: and https: schemes allowed
• Selector injection prevention
• Content capped at 100KB

Dev

pnpm install && pnpm build
pnpm test

License

MIT