NEW: Join our community on Discord at discord.gg/J3W9b5AZJR — protocol questions, feedback, and SDK-contribution chat all welcome.
Live applications (browser tabs, Electron/Tauri desktop apps, Node daemons, CLIs) declare actions with a Zod-style builder; agents (Claude Code, Claude Desktop, Cursor, Copilot, Codex, Cline, ...) call them as MCP tools. Your real handler runs against your real state. No browser automation, no scraping, no Playwright.
Why Tesseron
- Typed actions, not scraped DOMs. Declare with Zod or any Standard Schema validator; the handler is a plain function against your real state.
- Framework-agnostic. Same API for vanilla TS, React, Svelte, Vue, and Node. Pick your stack.
- MCP-native. Every action, resource, and capability maps to a standard MCP primitive. Users pick their agent.
- Click-to-connect. Six-character claim code handshake. No API keys, no OAuth dance, no per-client configuration.
- First-class capabilities.
ctx.confirm for yes/no, ctx.elicit for schema-validated prompts, ctx.sample for agent LLM calls, ctx.progress for streaming updates, subscribable resources for live reads.
- Bundled delivery. The MCP gateway ships inside a Claude Code plugin — one install command and you're done.
Quick install (Claude Code)
/plugin marketplace add BrainBlend-AI/tesseron
/plugin install tesseron@tesseron
That installs the tesseron Claude Code plugin, which spawns the MCP gateway automatically and registers it as an MCP server. Then drop @tesseron/web, @tesseron/server, or @tesseron/react into your app, declare actions, and let Claude drive your real UI.
import { tesseron } from '@tesseron/web';
import { z } from 'zod';
tesseron.app({ id: 'todo_app', name: 'Todo App' });
tesseron
.action('addTodo')
.input(z.object({ text: z.string().min(1) }))
.handler(({ text }) => {
state.todos.push({ id: newId(), text, done: false });
render();
return { ok: true };
});
await tesseron.connect();
For other MCP clients (Claude Desktop, Cursor, Codex, VS Code Copilot, ...) see the one-time setup in examples/README.md.
See examples/ for working apps in vanilla TS, React, Svelte, Vue, Express, and plain Node.
Packages
