mcp-apps-interactive-ui

by iamneilroberts · TypeScript · ★ 6

A runnable example of building interactive in-chat UI with MCP Apps (io.modelcontextprotocol/ui), plus a field guide to the shipping gotchas. Distilled from Voygent's Folio Board.

#claude#interactive-ui#mcp#mcp-apps#model-context-protocol

Install

npx -y github:iamneilroberts/mcp-apps-interactive-ui

Auto-generated from the repo's primary language — check the repo's own README for its exact install instructions.

Claude Desktop config

A starting point for your claude_desktop_config.json (auto-generated — the repo's README may specify a published package name or required env vars):

{
  "mcpServers": {
    "mcp-apps-interactive-ui": {
      "command": "npx",
      "args": [
        "-y",
        "github:iamneilroberts/mcp-apps-interactive-ui"
      ]
    }
  }
}

From the README

A runnable example of building interactive in-chat UI with [MCP Apps](https://github.com/modelcontextprotocol/ext-apps), with docs on the parts that aren't obvious from the spec. MCP Apps (the extension, SEP-1865) lets an MCP server hand the host a sandboxed HTML widget instead of plain text. The model calls one tool and the user gets a real interface: option pickers, live totals, buttons that talk back to the model. This repo is a minimal working example of that pattern. *Static screenshot, not a live embed. To run the real thing: build the repo and open in a browser, or connect the serve…

Read full README on GitHub →