create-mcp-app

Build interactive UIs that run inside MCP-enabled hosts like Claude Desktop. An MCP App combines an MCP tool with an HTML resource to display rich, interactive content. Every MCP App requires two parts linked together: The tool's _meta.ui.resourceUri references the resource's URI. Host calls tool → Host renders resource UI → Server returns result → UI receives result. Adding to existing MCP server: Creating new MCP server: Clone the SDK repository for working examples and API documentation: Learn and adapt from /tmp/mcp-ext-apps/examples/basic-server-{framework}/ : Each template includes: Read JSDoc documentation directly from /tmp/mcp-ext-apps/src/ : See /tmp/mcp-ext-apps/docs/patterns.md for detailed recipes: /tmp/mcp-ext-apps/examples/basic-host/ shows one way an MCP Apps-capable host could be implemented. Real-world hosts like Claude Desktop are more sophisticated—use basic-host for local testing and protocol understanding, not as a guarantee of host behavior. Always use npm install to add dependencies rather than manually writing version numbers: This lets npm resolve the latest compatible versions. Never specify version numbers from memory.