Build MCP App (UI Widgets)
Official
API Development
Enables the creation of interactive UI widgets and components for MCP servers that render directly within Claude's conversation interface.
Enables the creation of interactive UI widgets and components for MCP servers that render directly within Claude's conversation interface.
The build-mcp-app skill provides the necessary guidance and implementation patterns to transform standard Model Context Protocol (MCP) servers into full-featured interactive applications. It allows developers to go beyond text-based interactions by adding forms, pickers, dashboards, and visual previews using the MCP Apps SDK. This skill covers the integration of the iframe-based UI layer, bidirectional communication between widgets and the host, and best practices for responsive design within the chat surface to ensure widgets work seamlessly across mobile and desktop environments.