Mar 9
Loading video player...
MCP Apps let your tools render interactive dashboards, forms, and visualizations directly inside Claude and ChatGPT. In this video you build a full MCP App from scratch using Claude Code and the official agent skill — and the same approach works with any agent tool that supports skills, including VS Code Copilot, Goose, Cline, Gemini CLI, Codex, Cursor, and Google Antigravity. Timestamps: 0:00 - MCP tools now have UIs 0:40 - What MCP Apps actually are 1:55 - MCP Apps Explained 5:12 - Building an MCP App 9:37 - Testing MCP App in Claude 10:58 - Advanced Patterns for MCP Apps 12:04 - Tips to get started with MCP Apps 13:38 - TLDR; recap What you will learn: ✅ What MCP Apps are and how they differ from standard MCP tools ✅ How to install the create-mcp-app agent skill in Claude Code ✅ How to scaffold a full MCP App from a single prompt ✅ How the tool and UI resource pattern works together ✅ How bidirectional communication lets the UI call back to the server ✅ How to test locally with basic-host before connecting to Claude ✅ How to run your MCP App inside Claude using a local tunnel ✅ Which advanced patterns matter before going to production Links and Resources: ✔️ MCP Apps official docs: https://modelcontextprotocol.io/extensions/apps/overview ext-apps repository: https://github.com/modelcontextprotocol/ext-apps ✔️ Agent Skills guide: https://modelcontextprotocol.github.io/ext-apps/api/documents/Agent_Skills.html ✔️ Quickstart: https://modelcontextprotocol.github.io/ext-apps/api/documents/Quickstart.html ✔️ Advanced Patterns: https://modelcontextprotocol.github.io/ext-apps/api/documents/Patterns.html ✔️ Testing guide: https://modelcontextprotocol.github.io/ext-apps/api/documents/Testing_MCP_Apps.html ✔️ MCP Apps launch blog: https://blog.modelcontextprotocol.io/posts/2026-01-26-mcp-apps/ ✔️ Norwegian Police API: https://api.politiet.no/politiloggen/v1/messages Related videos: Your MCP deep dive episode — https://youtu.be/GtvDowKlgEA?si=9xZ-ry1ebLtQ43a0 Claude Code best practices episode — https://youtu.be/6ZGbKvM1bIM?si=PbkdOur-fGxsd9zx Playground plugin episode — https://youtu.be/_VBmr6Rh56Y?si=jvrkS1BcxOkgWfms 🔔 Subscribe for weekly AI tutorials 📩 Join our newsletter → https://gritai.kit.com/ 🌐 Website → https://www.gritai.studio/ 👉 Join our AI community → https://www.gritai.studio/build-with-ai-community #MCPApps #ClaudeCode #ModelContextProtocol #MCP #ClaudeAI #ChatGPT #AITools #GritAIStudio #AITutorial #BuildWithAI