Dutch AI Conference - Building Interactive Chat Interfaces with MCP-UI

Transcript

1. @glnnrys · glennreyes.com Building Interactive Chat Interfaces with MCP Apps
2. Glenn Reyes @glnnrys · glennreyes.com Engineer, Speaker & Teacher Sta ff Frontend Engineer @ Adverity
3. @glnnrys
4. @glnnrys Have you tried … shopping with an AI?
5. @glnnrys
6. @glnnrys
7. @glnnrys
8. @glnnrys THE TEXT WALL PROBLEM
9. @glnnrys — Shopify Product Team “A product isn't just a SKU and price.”
10. @glnnrys
11. @glnnrys Seat 12A is available, it's a window seat, $45 extra.
12. @glnnrys
13. @glnnrys We had this fi gured out in 2010
14. @glnnrys Why are we throwing away decades of UX expertise?
15. @glnnrys Part 1: The Problem ✓ Part 2: The Philosophy →
16. @glnnrys AI Agents Traditional UIs 🤖 vs. 🖥
17. @glnnrys AI Agent Intelligence + Traditional UI Excellence = ?
18. @glnnrys “Don't throw away decades of UX expertise.”
19. @glnnrys
20. @glnnrys Accessibility
21. @glnnrys
22. @glnnrys
23. @glnnrys Core Principles • Don't abandon UX expertise • Right tool for the right job • Accessibility through adaptation • Future-proof interaction pa tt erns
24. @glnnrys Part 1: The Problem ✓ Part 2: The Philosophy ✓ Part 3: The Solution →
25. @glnnrys MCP-UI extended the Model Context Protocol to enable AI agents to return fully interactive UI components — and became the foundation for MCP Apps, the first official MCP extension.
26. @glnnrys
27. @glnnrys
28. @glnnrys INTENT-BASED ARCHITECTURE
29. @glnnrys From Experiment to Standard • Nov 2025: MCP-UI proposed as extension • Nov 2025: OpenAI launches Apps SDK • Jan 26, 2026: MCP Apps goes o ff icial • Shipped in: Claude, ChatGPT, VS Code, Goose • Launch partners: Figma, Asana, Slack, Salesforce, Canva
30. @glnnrys Who owns the state? The UI component? The AI agent? Both? (chaos!)
31. @glnnrys
32. @glnnrys
33. @glnnrys The agent remains the source of truth.
34. @glnnrys
35. @glnnrys 3 Ways to Deliver UI 1. Inline HTML 2. Remote Resources 3. Remote DOM
36. @glnnrys Inline HTML
37. @glnnrys Remote Ressources
38. @glnnrys Remote DOM
39. @glnnrys remote-dom github.com/Shopify/remote-dom
40. @glnnrys
41. @glnnrys
42. @glnnrys
43. @glnnrys
44. @glnnrys
45. @glnnrys
46. @glnnrys
47. @glnnrys What else could use MCP-UI?
48. @glnnrys
49. @glnnrys MCP Apps is official The fi rst o ff icial MCP extension. Shipped in production.
50. @glnnrys Thank you! @glnnrys · glennreyes.com Glenn Reyes