How to Use the ESPHome MCP in Vercel AI SDK

Q: Can the Vercel AI SDK stream ESPHome sensor data to React?

Yes. When the model calls getentitystate, the result streams directly into your useChat hook for instant rendering.

Connect ESPHome hardware directly to your Next.js interfaces using the Vercel AI SDK.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect ESPHome MCP to Vercel AI SDK

Create your Vinkius account to connect ESPHome 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.

GDPR Free for Subscribers

Setup ESPHome with Vercel AI SDK

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Real-time hardware state in the Vercel AI SDK

The `get_entity_state` tool pulls live sensor data from your local network directly into your Vercel AI SDK streams. You map the JSON response to your React components as it arrives over the wire. The agent relies on `get_entity_state` to fetch the exact temperature or motion state when the user asks. It passes the raw payload straight to the frontend, bypassing traditional backend aggregation layers.

Immediate physical control from chat

Triggering a `light_action` or `switch_action` happens the second the LLM decides to fire the tool. The user types a request, the model generates the tool call, and the physical relay clicks before the text finishes generating. You bind `cover_action` to a custom slider component. The agent reads the user's intent, calculates the tilt percentage, and executes the HTTP request to the ESP8266 or ESP32 running the web server.

Exposing Prometheus metrics via MCP Server

This MCP Server includes a `get_metrics` tool that scrapes the Prometheus endpoint on your microcontrollers. Your agent reads memory usage, WiFi signal strength, and uptime metrics in plain text. You pipe the output of `get_metrics` into a generative UI block. The user asks for a health check, and the interface renders a live chart showing exactly how the hardware performs under load.

Setup guide

Set up ESPHome MCP in Vercel AI SDK

Prerequisites

Node.js 18+ and a TypeScript project
ai + @modelcontextprotocol/sdk packages
Active Vinkius subscription with a valid endpoint token

1

Install dependencies

Run npm install ai @modelcontextprotocol/sdk plus your preferred model provider (e.g. @ai-sdk/openai).
2

Create the Streamable HTTP transport

Use StreamableHTTPClientTransport with 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 ESPHome tools. Pass them directly to generateText() or streamText() — 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.

index.ts

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 ESPHome transactions",
});

console.log(text);
await mcpClient.close();

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by ESPHome. 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.

Connect ESPHome now

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 ESPHome MCP in Vercel AI SDK

Use createMCPClient with the HTTP transport option. You then call mcpClient.tools() and pass the array directly into streamText.

Yes. When the model calls get_entity_state, the result streams directly into your useChat hook for instant rendering.

The tool execution fails and returns an HTTP timeout error. You handle this by rendering a fallback UI component instead of crashing the stream.

You pass an authProvider to the client setup if your network requires remote authentication. Most local setups just use the direct IP.

The server transmits sensor readings, switch states, and hardware metrics. Vinkius runs the proxy in an ephemeral V8 isolate, meaning your local network topology and device IPs vanish the second the session ends.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript