Add App To Server

When you have an existing MCP server with working tools and want to add interactive UIs without breaking text-only clients, this walks you through the entire process. It starts with analyzing which tools actually benefit from visualization (maps, charts, tables) versus those that are fine as plain text, then guides you through adding the MCP Apps SDK, setting up Vite with single-file bundling, and converting tools to app-enabled versions while keeping the original text fallback intact. The strength here is the decision framework and the emphasis on mixed servers where some tools get UIs and others stay plain, which is the realistic scenario when retrofitting an existing codebase rather than building from scratch.

Install to Claude Code

npx -y skills add modelcontextprotocol/ext-apps --skill add-app-to-server --agent claude-code