How to Use the HTML to Text Extractor MCP in Vercel AI SDK
Stream clean web text directly into your Vercel AI SDK app, cutting out the HTML junk and token waste.
Works with every AI agent you already use
…and any MCP-compatible client
Connect HTML to Text Extractor MCP to Vercel AI SDK
Create your Vinkius account to connect HTML to Text Extractor to Vercel AI SDK and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.
Stop Parsing HTML on the Client
The `extract_text` tool takes raw, messy HTML and gives you back nothing but plain text. It strips out every script tag, style block, and layout element before the data ever reaches your application. You get clean content, ready for your AI client. This means your React or Next.js front-end doesn't have to burn cycles parsing HTML. The text streams from the Vercel AI SDK ready to display, character by character. It just works.
Make UI Streams Faster and Cleaner
When you use `streamText` with raw HTML, the user sees flashes of code and weirdly formatted chunks. It's a bad look. This MCP Server fixes that by pre-processing the content on the server-side. Your agent gets the text, and your UI gets a clean stream of words. The result is a much better user experience where information appears smoothly, not in broken pieces of code.
Cut Token Usage by up to 95%
Feeding raw web pages to an LLM is a massive waste of your context window. All that CSS and JavaScript eats up tokens that you need for the actual prompt and response. The `extract_text` tool is your filter. By sending only the core text, your agent can focus on what matters. This dramatically lowers your inference costs and lets you fit more relevant information into a single call.
Set up HTML to Text Extractor MCP in Vercel AI SDK
Prerequisites
- Node.js 18+ and a TypeScript project
-
ai+@modelcontextprotocol/sdkpackages - Active Vinkius subscription with a valid endpoint token
- 1
Install dependencies
Run
npm install ai @modelcontextprotocol/sdkplus your preferred model provider (e.g.@ai-sdk/openai). - 2
Create the Streamable HTTP transport
Use
StreamableHTTPClientTransportwith your Vinkius endpoint URL. Replace[YOUR_TOKEN_HERE]with your token from cloud.vinkius.com. - 3
Discover and use tools
Call
mcpClient.tools()to auto-discover all HTML to Text Extractor tools. Pass them directly togenerateText()orstreamText()— no manual schema definitions needed. - 4
Works with any model provider
Swap
openai("gpt-4o")for any AI SDK provider — Anthropic, Google, Mistral. The MCP tools work identically across all supported models.
import { experimental_createMCPClient as createMCPClient } from "ai";
import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp";
import { generateText } from "ai";
import { openai } from "@ai-sdk/openai";
const transport = new StreamableHTTPClientTransport(
new URL("https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp")
);
const mcpClient = await createMCPClient({ transport });
const tools = await mcpClient.tools();
const { text } = await generateText({
model: openai("gpt-4o"),
tools,
prompt: "List recent HTML to Text Extractor transactions",
});
console.log(text);
await mcpClient.close(); Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by HTML to Text. 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.