MCP App UI Quickstart

This repo contains the MCP Apps quickstart server copied from the official modelcontextprotocol/ext-apps repository.

Run

pnpm install
pnpm build
pnpm start

The server exposes a basic MCP App UI resource and tool following the MCP Apps quickstart. Use the mcp-app-ui MCP server to get the current server time.

Related MCP server: MCP Time Server

Configure and Use in Claude Desktop

Add the MCP Server. I used claude_desktop_config.json:

  "mcpServers": {
    "mcp-app-ui": {
      "command": "pnpm",
      "args": [
        "--dir",
        "/Users/brian/_code/github/brianpmccullough/mcp-app-ui",
        "exec",
        "tsx",
        "main.ts",
        "--stdio"
      ]
    }
  },

Restart Claude Desktop and ask to use the MCP:

Upstream

• Original example: examples/quickstart

• Quickstart docs: docs/quickstart.md