Playread

Playread

Enables Google search automation and web content extraction using Playwright. Performs Google searches and fetches main content from web pages, returning structured results in JSON format.

Category
Visit Server

README

playread

Google search automation via Playwright MCP. Can be used as a CLI tool or as an MCP server.

Installation

npm install -g playread

Or use directly with npx:

npx -y playread@latest google-search

Usage

As an MCP Server

Start playread as an MCP server to expose all flows as tools:

playread mcp

Or configure in your MCP client settings (e.g., Claude Desktop):

{
  "mcpServers": {
    "playread": {
      "command": "npx",
      "args": ["-y", "playread@latest", "mcp"]
    }
  }
}

Available MCP tools:

  • fetch - Fetch and extract main content from a web page URL
  • google-search - Perform a Google search and extract results

As a CLI Tool

Google Search

playread google-search

Output format:

{
  "query": "Playwright automation testing",
  "totalResults": 18,
  "results": [
    {
      "title": "Playwright: Fast and reliable end-to-end testing for modern ...",
      "url": "https://playwright.dev/",
      "description": "Playwright enables reliable end-to-end testing for modern web apps..."
    }
  ]
}

Fetch URL Content

Extract important text content from any URL:

playread fetch https://example.com

Output format:

{
  "url": "https://example.com/",
  "title": "Example Domain",
  "contentLength": 129,
  "content": "# Example Domain\nThis domain is for use in documentation examples..."
}

Perfect for:

  • Extracting documentation from websites
  • Fetching article content
  • Parsing blog posts
  • Getting README content from GitHub
  • Any text-heavy webpage

Creating Custom Flows

Flows are JavaScript modules that export a single async function. The function receives a connected PlaywrightMCPClient instance.

Create a new flow in the flows/ directory:

module.exports = async function(client) {
  await client.navigate('https://example.com');

  const snapshot = await client.snapshot();
  console.log('Page loaded');

  await client.close();
};

Available Client Methods

Connection

  • connect() - Connect to Playwright MCP server
  • disconnect() - Disconnect and cleanup

Tools Discovery

  • listTools() - List all available tools
  • callTool(name, args) - Call any tool directly

Browser Control

  • navigate(url) - Navigate to URL
  • navigateBack() - Go back
  • close() - Close browser
  • resize(width, height) - Resize window
  • install() - Install browser

Page Interaction

  • snapshot() - Get accessibility snapshot
  • click(element, ref) - Click element
  • type(element, ref, text, submit, slowly) - Type text
  • pressKey(key) - Press keyboard key
  • hover(element, ref) - Hover over element
  • drag(startElement, startRef, endElement, endRef) - Drag and drop

Forms

  • fillForm(fields) - Fill multiple form fields
  • selectOption(element, ref, values) - Select dropdown option
  • fileUpload(paths) - Upload files

Page State

  • evaluate(func) - Execute JavaScript
  • screenshot(filename, type, fullPage, element, ref) - Take screenshot
  • consoleMessages(onlyErrors) - Get console logs
  • networkRequests() - Get network activity

Dialogs

  • handleDialog(accept, promptText) - Handle alerts/confirms

Tabs

  • tabs(action, index) - Manage browser tabs

Wait

  • waitFor(text, textGone, time) - Wait for conditions

Flow Details

google-search

  • Navigates to Google
  • Searches for "Playwright automation testing"
  • Waits 30 seconds for results to load
  • Extracts all result titles, URLs, and descriptions
  • Returns comprehensive JSON output with full result metadata

fetch

  • Accepts a URL as an argument
  • Navigates to the URL
  • Intelligently extracts main content using heuristics:
    • Prioritizes <main>, <article>, and semantic content areas
    • Extracts structured text including headings, paragraphs, lists, and code blocks
    • Removes duplicate content and navigation elements
    • Formats output as clean markdown
  • Returns JSON with URL, title, content length, and extracted content
  • Limits output to 50,000 characters for conciseness
  • Works universally across documentation sites, blogs, articles, and more

Requirements

  • Node.js 14+
  • Playwright MCP server (installed automatically via npx)

Notes

  • Always close the browser before flows complete
  • Supports file:// URLs for local testing
  • Use browser_evaluate for debugging window globals
  • No hardcoded values - all flows use ground truth from snapshots
  • Screenshots are automatically saved to /tmp/playwright-mcp-output/<timestamp>/

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
E2B

E2B

Using MCP to run code via e2b.

Official
Featured