MCP UI: Extending the frontier — Liad Yosef and Ido Salomon, MCP Apps

2026-05-06 · Source: AI Engineer · Field: Technology & Digital — Artificial Intelligence & Machine Learning, Software Development & Engineering, Emerging Technologies & Innovation · Depth: Intermediate, extended

Summary

MCP Apps, an official extension to the MCP standard, enables interactive user interfaces (UIs) within chat-based AI agents like ChatGPT and Claude. Developed from the earlier MCPUI concept, this standard allows companies to embed their branded UIs directly into chat conversations, moving beyond text-only interactions. This approach preserves brand identity and user experience, addressing a key blocker for companies hesitant to reduce their data to plain text. Major platforms including VS Code, Cursor, Microsoft Copilot, and GitHub ChatGPT have adopted MCP Apps, with Shopify and Hugging Face being early adopters. The system works by allowing tools to return HTML resources to the host, which then renders them as interactive applications, with all UI interactions routed back through the host to maintain context and control.

Key takeaway

For AI Product Managers evaluating agentic application strategies, MCP Apps offer a standardized pathway to integrate rich, interactive UIs directly into chat-based AI assistants. This approach allows your product to maintain brand identity and complex user experiences within a conversational interface, potentially reaching a billion-user audience. You should explore the XApps SDK to develop compliant applications or the MCP UI SDK if building a host, ensuring your offerings are future-proofed for the evolving web paradigm.

Key insights

MCP Apps standardize embedding interactive, branded UIs directly into AI chat agents, transforming user interaction.

Principles

• Preserve brand identity and UX within AI agents.
• Route all UI interactions through the host for context.
• Support diverse UI generation methods.

Method

MCP Apps allow tools to return HTML resources to a host, which renders them as interactive UIs. User interactions send messages back to the host, enabling contextual tool calls or follow-up actions.

In practice

• Use XApps SDK for compliant app development.
• Integrate MCP UI SDK for host applications.
• Join the work group to influence the standard.

Topics

• MCP Apps
• UI Standardization
• Agentic Interfaces
• Chat-based AI
• Interactive UI

Best for: AI Architect, AI Product Manager, Investor, AI Engineer, Software Engineer, Director of AI/ML

Related on AIssential

• Bridging Design Systems and Code with MCP and AI Agents — Design systems, context engineering, and agentic AI combine to enable AIs to build consistent software by following explicit rules via MCP.
• OpenAI is still working on that ‘super app’ — OpenAI is consolidating its product offerings into a "super app" centered on ChatGPT to enhance competitiveness and drive profitability.
• The agent-ready web: Simplify user actions with WebMCP — Tara Agyemang, Google — Web MCP transforms websites into structured APIs for AI agents, simplifying complex user actions.
• Manufact raises $6.3M as MCP becomes the ‘USB-C for AI’ powering ChatGPT and Claude apps — The Model Context Protocol (MCP) is standardizing AI agent interaction with software, creating a new interface paradigm.
• The MCP Myth: Why the “USB-C of AI” Isn’t the Magic AGI Button You Think It Is — MCP standardizes AI-to-external-system communication, improving scalability and security without enhancing LLM intelligence.
• From Silos to Symphony: The Model Context Protocol and the Dawn of the Unified Machine — The Model Context Protocol (MCP) unifies AI model interaction with external tools and data through an open, standardized interface.

Open in AIssential →

Editorial summary, takeaway, and curation by AIssential. Original article published by AI Engineer.