MCP Apps Skill

Build interactive UI applications that render directly inside MCP hosts like Claude Desktop, ChatGPT, and VSCode. MCP Apps extend the Model Context Protocol to return rich interfaces instead of plain text.

When to Use This Skill

• Creating MCP tools with interactive UI (forms, dashboards, visualizations)
• Building visual interfaces for AI-assisted workflows
• Adding rich media viewers (PDFs, maps, 3D models) to conversations
• Creating configuration wizards or multi-step workflows
• Building real-time monitoring dashboards

Core Concepts

What Are MCP Apps?

MCP Apps let tools return rich, interactive interfaces instead of plain text. When a tool declares a UI resource, the host renders it in a sandboxed iframe, and users interact with it directly in the conversation.