How to Use the HTML DOM Query Engine MCP in Windsurf
Let Cascade parse raw HTML and extract target elements autonomously inside Windsurf using this HTML DOM Query Engine integration.
Works with every AI agent you already use
…and any MCP-compatible client
Connect HTML DOM Query Engine MCP to Windsurf
Create your Vinkius account to connect HTML DOM Query Engine to Windsurf and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.
Automate HTML extraction with Cascade and this MCP Server
The `query_dom` tool lets your agent parse raw HTML directly inside Windsurf using this MCP Server. Cascade reads the target page structure, plans the extraction path, and pulls out the exact CSS selector you need in one shot. You don't have to write custom regex or python scrapers anymore. When Cascade needs to extract pricing tables or metadata from a raw payload, it calls this tool to get clean JSON back instantly.
Extract nested CSS selectors on the fly
The `query_dom` tool processes massive HTML payloads inside your workspace to find specific classes, IDs, or tags. Windsurf feeds raw page sources directly into the engine to extract text content or attribute values without breaking your development flow. Cascade handles the dirty work of identifying the correct CSS path. It queries the DOM, verifies the output, and feeds the cleaned data directly into your active code files.
No more headless browser overhead
The `query_dom` tool bypasses the need for running slow browser automation tools like Puppeteer or Playwright during local development. Your Windsurf agent processes raw HTML strings in milliseconds, keeping your machine fast and your memory usage low. This lightweight engine handles malformed markup gracefully. Cascade uses the returned clean text to build your UI components or seed your local databases.
Set up HTML DOM Query Engine MCP in Windsurf
Prerequisites
- Windsurf IDE installed (macOS, Windows, or Linux)
- Active Vinkius subscription with a valid endpoint token
- 1
Open MCP configuration
Click the Cascade assistant icon in the sidebar, then click the hammer icon (🔨) at the top of the panel. Select "Configure" to open
~/.codeium/windsurf/mcp_config.json. - 2
Add the HTML DOM Query Engine MCP
Paste the JSON snippet shown on the right into the
mcpServersobject. Replace[YOUR_TOKEN_HERE]with your endpoint token from cloud.vinkius.com. - 3
Refresh MCPs
Go back to the hammer icon (🔨) in Cascade and click "Refresh". Windsurf will detect the new server. No full restart is needed — the connection is hot-reloaded.
- 4
Verify in Cascade
Start a new Cascade conversation and ask something like "Show my HTML DOM Query Engine payment history." If connected, Cascade will call the HTML DOM Query Engine tools directly. You will see a green dot next to the server name in the MCP panel.
{
"mcpServers": {
"html-dom-query-engine-mcp": {
"url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
}
}
}Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Cheerio DOM. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.
Why Choose Vinkius
Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.
Real-time monitoring
Live
visibility into every interaction
Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.
Built-in savings
60%
lower AI costs
Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.
Single dashboard
One
place for every integration
Every tool your AI connects to, managed from a single screen. One account, complete control.
Common questions about HTML DOM Query Engine MCP in Windsurf
Use it with your favorite AI tools
Connect this server to Cursor, Claude, VS Code, and more.
Start using the HTML DOM Query Engine MCP today
We host it, we monitor it, we maintain it. You just paste one token.
