Build interactive MCP Apps using Amazon Bedrock AgentCore

This article demonstrates how to build and deploy interactive MCP Apps with HTML widgets on Amazon Bedrock AgentCore, enabling rich AI host experiences across ChatGPT, Claude, and other compatible platforms.

• MCP Apps extends Model Context Protocol with interactive HTML widgets rendered directly inside AI hosts
• AgentCore runtime provides secure, serverless hosting with native MCP support; AgentCore Gateway exposes it through a managed endpoint
• Sample Unicorn Rentals app showcases browsing, booking, viewing, and returning unicorns with rich interactive cards
• Architecture uses Express.js MCP server, AWS Lambda for business logic, DynamoDB for persistence, and CloudFront for image delivery
• MCP tools handle business operations; MCP resources provide self-contained HTML widgets for interactive UI
• Deployment uses single script with AWS CDK; connects to ChatGPT and Claude via MCP Apps extension
• Production considerations include CloudWatch monitoring, consumption-based cost optimization, and Bedrock Guardrails for safety

AgentCore runtime eliminates operational overhead by handling scaling, session isolation, and infrastructure management, allowing teams to focus on business logic and widget design while maintaining host-agnostic portability.