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 chromiumClaude Desktop
{
"mcpServers": {
"spa-reader": {
"command": "npx",
"args": ["-y", "spa-reader-mcp"]
}
}
}Claude Code
claude mcp add spa-reader -- npx -y spa-reader-mcpTools
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:andhttps:schemes allowed - Selector injection prevention
- Content capped at 100KB
Dev
pnpm install && pnpm build
pnpm testLicense
MIT
