Can the agent scrape modern SPAs built with React or Vue?

Absolutely. Because Browserless exposes actual Chrome environments via Playwright, standard JavaScript rendering pipelines execute exactly as they do on a user's machine. The agent simply captures the stabilized final DOM states post-hydration, making it remarkably effective for highly dynamic single-page applications.

What does `scrape_with_wait` do exactly when instructed to an AI?

If a website relies on extremely heavy animations or subsequent lazy-loaded payload responses, `get_html_content` might return prematurely. Requesting your agent to use `scrape_with_wait` accompanied by a distinct selector (e.g., `#main-data-table`) locks the Browserless virtual container actively polling the CDP port. Only when that element materializes will it snap the payload back to you.

Are the screenshots produced bound to specific screen dimensions?

By default, calling `get_screenshot` leverages Browserless' intrinsic 'Full Page' modifier. It synthetically commands the headless browser frame to extend computationally, absorbing the complete top-to-bottom scroll bounds of the rendered website into a massive, crystal clear uncropped PNG artifact.

Browserless (Playwright Cloud) MCP Server for Windsurf 10 tools — connect in under 2 minutes

Name: Browserless (Playwright Cloud)
Availability: InStock
Author: Vinkius

docs.windsurf.com/windsurf/mcp

Built by Vinkius GDPR 10 Tools IDE

Windsurf brings agentic AI coding to a purpose-built IDE. Connect Browserless (Playwright Cloud) through Vinkius and Cascade will auto-discover every tool. ask questions, generate code, and act on live data without leaving your editor.

Get MCP Server for AI Agents

ASK AI ABOUT THIS MCP SERVER

Open in ChatGPT Open in Claude Open in Perplexity

Vinkius supports streamable HTTP and SSE.

RecommendedModern Approach — Zero Configuration

Vinkius Desktop App

The modern way to manage MCP Servers — no config files, no terminal commands. Install Browserless (Playwright Cloud) and 2,500+ MCP Servers from a single visual interface.

Download Free Open SourceNo signup required

Classic Setup·json

{
  "mcpServers": {
    "browserless-playwright-cloud": {
      "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    }
  }
}

Fully ManagedVinkius Servers

60%Token savings

High SecurityEnterprise-grade

IAMAccess control

EU AI ActCompliant

DLPData protection

V8 IsolateSandboxed

Ed25519Audit chain

<40msKill switch

Stream every event to Splunk, Datadog, or your own webhook in real-time

* Every MCP server runs on Vinkius-managed infrastructure inside AWS - a purpose-built runtime with per-request V8 isolates, Ed25519 signed audit chains, and sub-40ms cold starts optimized for native MCP execution. See our infrastructure

About Browserless (Playwright Cloud) MCP Server

Grant your AI agent the absolute power of an untethered, scalable Browserless / Playwright Cloud cluster. Unlike basic REST fetchers, this MCP connector spins up a legitimate remote Chromium/Webkit instance. Your agent can now execute full JavaScript lifecycles natively, scrape heavy SPAs (Single Page Applications), wait for CSS selectors, or simply ask for a high-fidelity PDF render of any site.

Windsurf's Cascade agent chains multiple Browserless (Playwright Cloud) tool calls autonomously. query data, analyze results, and generate code in a single agentic session. Paste Vinkius Edge URL, reload, and all 10 tools are immediately available. Real-time tool feedback appears inline, so you see API responses directly in your editor.

What you can do

Remote Scraping — Pull down the fully rendered HTML DOM of any complex site (get_html_content) bypassing typical bot-blocks. Intercept specific payload slices selectively using explicitly mapped CSS queries (scrape_elements).
Visual Operations — Command the agent to spawn an ephemeral browser and snap an immediate get_screenshot of a live staging site or construct a print-perfect get_pdf document autonomously.
Evasion & Stealth — Avoid standard Cloudflare/Data Dome constraints by wrapping requests in scrape_with_stealth to emulate human environments, or bounce TCP endpoints completely out utilizing a residential scrape_with_proxy.
Live Execution — Embed dynamic lifecycle alterations into the target memory structure. Run scrape_with_js to click modals inside the remote page prior to extraction, or run_custom_function exposing the raw Chrome DevTools Protocol to your LLM.

The Browserless (Playwright Cloud) MCP Server exposes 10 tools through the Vinkius. Connect it to Windsurf in under two minutes — no API keys to rotate, no infrastructure to provision, no vendor lock-in. Your configuration, your data, your control.

How to Connect Browserless (Playwright Cloud) to Windsurf via MCP

Follow these steps to integrate the Browserless (Playwright Cloud) MCP Server with Windsurf.

Open MCP Settings

Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"

Add the server

Paste the JSON configuration above into mcp_config.json

Save and reload

Windsurf will detect the new server automatically

Start using Browserless (Playwright Cloud)

Open Cascade and ask: "Using Browserless (Playwright Cloud), help me...". 10 tools available

Why Use Windsurf with the Browserless (Playwright Cloud) MCP Server

Windsurf provides unique advantages when paired with Browserless (Playwright Cloud) through the Model Context Protocol.

Windsurf's Cascade agent autonomously chains multiple tool calls in sequence, solving complex multi-step tasks without manual intervention

Purpose-built for agentic workflows. Cascade understands context across your entire codebase and integrates MCP tools natively

JSON-based configuration means zero code changes: paste a URL, reload, and all 10 tools are immediately available

Real-time tool feedback is displayed inline, so you see API responses directly in your editor without switching contexts

Browserless (Playwright Cloud) + Windsurf Use Cases

Practical scenarios where Windsurf combined with the Browserless (Playwright Cloud) MCP Server delivers measurable value.

Automated code generation: ask Cascade to fetch data from Browserless (Playwright Cloud) and generate models, types, or handlers based on real API responses

Live debugging: query Browserless (Playwright Cloud) tools mid-session to inspect production data while debugging without leaving the editor

Documentation generation: pull schema information from Browserless (Playwright Cloud) and have Cascade generate comprehensive API docs automatically

Rapid prototyping: combine Browserless (Playwright Cloud) data with Cascade's code generation to scaffold entire features in minutes

Browserless (Playwright Cloud) MCP Tools for Windsurf (10)

These 10 tools become available when you connect Browserless (Playwright Cloud) to Windsurf via MCP:

get_html_content

Get raw HTML content using Playwright Cloud (Browserless)

get_pdf

Print page to PDF using Playwright Cloud

get_screenshot

Take a full-page screenshot using Playwright Cloud

run_custom_function

Execute custom JS function inside remote Playwright browser

scrape_elements

Extract specific elements from page using CSS selectors

scrape_with_js

evaluate` lifecycle executing imperative DOM manipulations like button clicks prior to scraping the final mutated HTML state. Inject and run a custom JS script before extracting content

scrape_with_proxy

Scrape URL using a specified proxy server

scrape_with_stealth

Scrape using stealth mode plugins to avoid bot detection

scrape_with_wait

Scrape content and wait for a CSS selector

send_custom_payload

Send custom JSON payload to any Browserless REST endpoint

Example Prompts for Browserless (Playwright Cloud) in Windsurf

Ready-to-use prompts you can give your Windsurf agent to start working with Browserless (Playwright Cloud) immediately.

"Take a full page screenshot of the landing page on 'https://vinkius.com'."

"Scrape the price of the first item from Amazon using a stealth bypass on `url_here`."

"Retrieve the rendered HTML content of this site: 'https://vinkius.com/blog'."

Troubleshooting Browserless (Playwright Cloud) MCP Server with Windsurf

Common issues when connecting Browserless (Playwright Cloud) to Windsurf through the Vinkius, and how to resolve them.

Server not connecting

Check Settings → MCP for the server status. Try toggling it off and on.

Browserless (Playwright Cloud) + Windsurf FAQ

Common questions about integrating Browserless (Playwright Cloud) MCP Server with Windsurf.

How does Windsurf discover MCP tools?

Windsurf reads the mcp_config.json file on startup and connects to each configured server via Streamable HTTP. Tools are listed in the MCP panel and available to Cascade automatically.

Can Cascade chain multiple MCP tool calls?

Yes. Cascade is an agentic system. it can plan and execute multi-step workflows, calling several tools in sequence to accomplish complex tasks without manual prompting between steps.

Does Windsurf support multiple MCP servers?

Yes. Add as many servers as needed in mcp_config.json. Each server's tools appear in the MCP panel and Cascade can use tools from different servers in a single flow.