Interactive HTML UI

БесплатноНе проверен

Reference implementation demonstrating interactive HTML UI capabilities through the SEP-1865 specification with example tools and sandboxed iframe rendering.

автор: hemanth

GitHub Embed

Описание

Reference implementation demonstrating interactive HTML UI capabilities through the SEP-1865 specification with example tools and sandboxed iframe rendering.

README

Sample implementation of MCP Apps Extension (SEP-1865) - interactive HTML/JS UIs through MCP tools.

https://github.com/user-attachments/assets/dd4c968f-1b82-4975-8b89-374933363a99

Quick Start

npm install
npm start

Open http://localhost:8080

How It Works

Host Client                              MCP Server
┌────────────────────┐                  ┌──────────────┐
│  tools-sidebar     │ ── call tool ─> │  Tools:      │
│  app-container     │ <── HTML UI ─── │  - dashboard │
│  [sandboxed iframe]│                 │  - clock     │
└────────────────────┘                  └──────────────┘
   localhost:8080                        localhost:3001

Host connects to MCP server, lists tools
User clicks a tool, host calls it via MCP
Tool returns text/html+mcp resource with ui:// URI
Host renders in sandboxed iframe with CSP
UI communicates via JSON-RPC 2.0 over postMessage

SEP-1865 Compliance

ui:// scheme for resource URIs
text/html+mcp MIME type
_meta.ui/resourceUri in tool responses
ui/initialize handshake protocol
JSON-RPC 2.0 message format
Sandboxed iframe with CSP headers

Scripts

npm start       # Build + start server
npm run server  # MCP server (port 3001)
npm run host    # Host client (port 8080)

License

MIT

from github.com/hemanth/mcp-ext-apps

Установка Interactive HTML UI

У этого сервера нет опубликованного пакета — он собирается из исходников. Открой репозиторий и следуй инструкции в README.

▸ github.com/hemanth/mcp-ext-apps

FAQ

Interactive HTML UI MCP бесплатный?

Да, Interactive HTML UI MCP бесплатный — установка в пару кликов через Unyly без оплаты.

Нужен ли API-ключ для Interactive HTML UI?

Нет, Interactive HTML UI работает без API-ключей и переменных окружения.

Interactive HTML UI — hosted или self-hosted?

Self-hosted: сервер запускается локально на твоей машине командой из раздела установки.

Как установить Interactive HTML UI в Claude Desktop, Claude Code или Cursor?

Открой Interactive HTML UI на unyly.org, выбери вкладку своего клиента (Claude Desktop, Claude Code, Cursor) и нажми Install — конфиг сгенерируется автоматически, без правки JSON.