Building Interactive MCP Apps for Claude and VS Code

MCP Apps extends chat-based MCP experiences with interactive interfaces, allowing applications such as visualizations and controls to appear within a chat. I introduce the extension and demonstrate creating and connecting a color-picker app, with examples in Claude and VS Code Insiders.

- MCP Apps: purpose, ecosystem, documentation, and sample projects
- Build a color picker with Claude Code and the MCP Apps skill
- Expose the local app through a Cloudflare tunnel and connect it to Claude and VS Code Insiders
- Discuss bidirectional interaction and sandboxed iframes, alongside practical package-installation precautions

Aimed at developers exploring MCP, this walkthrough offers a starting point for building and testing an app. Review the documentation and samples, then adapt the demonstrated workflow to a project of your own; the focus is a quick-start example rather than an exhaustive protocol or security guide.