MCP Apps Explained: Build Interactive MCP Tool UIs with C# 🎨

MCP tools don’t have to be text-only anymore. In this video, I’ll explain what MCP Apps are, why they matter, and how you can build interactive UIs for MCP tools using C# and ASP.NET Core. We’ll walk through a real, practical example: a Color Picker MCP App that runs locally, is exposed over HTTP, and renders a full interactive UI directly inside the MCP host (like VS Code). No frameworks, no magic — just C#, HTML, and MCP. In this video: What MCP Apps are (in plain English) How MCP tools can declare a UI How MCP resources serve HTML How tools, resources, and transport fit together A full walkthrough of the Color Picker MCP App How to run it locally and try it yourself This is a developer-first, hands-on demo meant to help you understand how MCP Apps really work under the hood. 🔗 Resources Color Picker MCP App (C#): https://github.com/elbruno/mcpapp-col... My Blog: https://elbruno.com/2026/01/28/buildi... Official MCP Apps samples repo: https://github.com/modelcontextprotoc... MCP Apps announcement blog post: https://blog.modelcontextprotocol.io/... MCP Apps documentation: https://modelcontextprotocol.io/docs/... MCP Apps overview video:    • VS Code Live - MCP Apps are live!   💬 Get involved If you have ideas, questions, or feedback: open an issue in the repo leave a comment below or suggest what MCP App we should build next If this MCP + C# + AI content is useful, subscribe to the channel — more experiments and demos coming soon 🚀 00:00 – What if MCP tools had real UIs? 00:40 – What are MCP Apps? 01:30 – What we’re building (Color Picker demo) 02:10 – Repo overview 03:00 – MCP server setup 04:00 – MCP tools and UI metadata 05:10 – MCP resources and UI resolution 06:10 – The UI: HTML, CSS, and JavaScript 07:10 – Running the app locally 08:00 – Why MCP Apps matter 08:40 – Wrap-up and call to action