A
licenseB
qualityD
maintenanceAn MCP server that retrieves web page content using Playwright headless browser, capable of extracting main content and converting to Markdown format.
3
12,189
1,070
MIT
spa-reader-mcp
by XXO47OXX
This server renders JavaScript Single Page Applications (SPAs) using a headless Chromium browser, enabling content extraction and screenshot capture.
Extract SPA content as Markdown: Render JavaScript-heavy pages and extract clean, LLM-ready Markdown with optional YAML frontmatter (title, author, excerpt).
Capture screenshots: Take PNG screenshots of rendered pages with configurable viewport dimensions (320–3840px width, 240–2160px height) and full-page capture support.
Wait for dynamic content: Specify CSS selectors to wait for before extraction or screenshot, ensuring content is fully rendered.
Authentication & custom requests: Inject cookies and custom HTTP headers to access protected or API-gated content.
Configure timeouts: Set navigation timeouts (1–120 seconds) to control rendering wait time.
Security: Built-in SSRF protection (blocks private/loopback IPs), HTTP/HTTPS-only scheme restriction, selector injection prevention, and 100KB content size cap.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@spa-reader-mcpextract the article content from https://react.dev/blog"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
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-mcpRelated MCP server: crawl-mcp-server
Tools
spa_read
Render a page and extract content as Markdown.
Parameter | Type | Default | Description |
| string | — | URL to read (required) |
| string | — | CSS selector to wait for |
| number | 30000 | Timeout in ms |
| boolean | true | Add YAML frontmatter |
| array | — | Cookies for auth |
| object | — | Custom HTTP headers |
spa_screenshot
Capture a PNG screenshot after JS rendering.
Parameter | Type | Default | Description |
| string | — | URL to capture (required) |
| string | — | CSS selector to wait for |
| number | 30000 | Timeout in ms |
| number | 1280 | Viewport width |
| number | 720 | Viewport height |
| boolean | false | Full page capture |
| array | — | Cookies for auth |
| object | — | Custom HTTP headers |
Security
SSRF protection: blocks private/loopback IPs
Only
http:andhttps:schemes allowedSelector injection prevention
Content capped at 100KB
Dev
pnpm install && pnpm build
pnpm testLicense
MIT
Maintenance
–Maintainers
–Response time
–Release cycle
–Releases (12mo)
Commit activity
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Tools
Related MCP Servers
- Flicense-quality-maintenanceAn MCP server for web content extraction that converts HTML pages into clean, LLM-optimized Markdown using Mozilla's Readability. It supports batch processing, intelligent multi-page crawling, and configurable caching while respecting robots.txt standards.51
- AlicenseAqualityDmaintenanceAn MCP server that fetches web pages and extracts clean, AI-friendly Markdown content using Mozilla Readability. It provides secure web access for LLMs with built-in SSRF protection and automated content cleaning for improved context retrieval and summarization.1314MIT
- Alicense-qualityDmaintenanceAn MCP server that scrapes content from web pages, including JavaScript-heavy sites, and converts it into high-quality Markdown. It leverages Playwright for headless browser automation and Pypandoc for clean content conversion.Apache 2.0
Related MCP Connectors
Screenshot and HTML render MCP server for AI agents
Zenrows MCP server — Fetch, Extract, Batch, and Browser Sessions for AI coding assistants
SEO MCP server: crawl your site, find AI-visibility gaps, and ship the fix from your coding agent.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/XXO47OXX/spa-reader-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server