<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Building Interactive UIs in VS Code with MCP Apps — Marlene Mhangami &amp; Liam Hampton, GitHub</title>
        <link>https://video.ut0pia.org/videos/watch/e27b773e-2c8a-4637-a210-bee18acf2284</link>
        <description>The demo profiles a Go app running bubble sort and Fibonacci and the result renders as an interactive flame graph directly inside the VS Code chat window. Not a link. Not a text summary. A live iframe you can scroll and query, sandboxed for the same reason you put a hamster in a cage: so it cannot chew up your VS Code settings or call external APIs. The mechanism: an MCP tool returns both data and a resource reference pointing to a bundled HTML UI. VS Code fetches the HTML and renders it in a sandboxed iframe in chat. The app calls back to the server, the server returns fresh data, the UI updates. Shopify uses this pattern for checkout flows inside chat. Excalidraw uses it for interactive architecture diagrams you can drag and edit. Marlene and Liam walk through building one from scratch using a skill from the MCP repository. Speaker info: https://x.com/marlene_zw, https://www.linkedin.com/in/marlenemhangami/, https://github.com/marlenemhangami, https://x.com/liamchampton, https://www.linkedin.com/in/liam-conroy-hampton/, https://github.com/liamchampton</description>
        <lastBuildDate>Sun, 07 Jun 2026 08:51:55 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>PeerTube - https://video.ut0pia.org</generator>
        <image>
            <title>Building Interactive UIs in VS Code with MCP Apps — Marlene Mhangami &amp; Liam Hampton, GitHub</title>
            <url>https://video.ut0pia.org/lazy-static/avatars/0287a09a-aae7-4840-9843-b416426e7046.webp</url>
            <link>https://video.ut0pia.org/videos/watch/e27b773e-2c8a-4637-a210-bee18acf2284</link>
        </image>
        <copyright>All rights reserved, unless otherwise specified in the terms specified at https://video.ut0pia.org/about and potential licenses granted by each content's rightholder.</copyright>
        <atom:link href="https://video.ut0pia.org/feeds/video-comments.xml?videoId=e27b773e-2c8a-4637-a210-bee18acf2284" rel="self" type="application/rss+xml"/>
    </channel>
</rss>