More Syntax - Tasty Web Development Treats episodes

973: The Webs Next Form: MCP UI (with Kent C. Dodds) thumbnail

973: The Webs Next Form: MCP UI (with Kent C. Dodds)

Published 26 Jan 2026

Duration: 2939

The Model Context Protocol (MCP) is a standardized approach for AI models to efficiently manage context and interact with external tools, with a growing ecosystem of tools and innovations.

Episode Description

Scott and Wes sit down with Kent C. Dodds to break down MCP, context engineering, and what it really takes to build effective AI-powered tools. They d...

Overview

The podcast explores the Model Context Protocol (MCP), a standardized approach that enables AI models to interact with external tools by efficiently managing context and function calls. This protocol facilitates the integration of AI with real-world applications, allowing developers to build tools such as currency converters, math assistants, and recommendation apps like Media RSS. A key focus is on MCPUI, an interface layer designed to improve user interaction with MCP by enabling the use of rich UI elementssuch as buttons and carouselsthrough HTML, CSS, and JavaScript.

The conversation also addresses the challenges associated with MCP, including context bloat and the need for optimized tool discovery. Recent advancements in dynamic tool selection and context window management are highlighted as solutions to these issues. The protocol has evolved from a complex setup to a more streamlined format, with integrations into platforms like VS Code and ChatGPT. The growing ecosystem around MCP includes tools like Goose and MCP Jam, which support further development and experimentation. Looking ahead, the discussion speculates on future possibilities, such as AI-generated UI components and hybrid interaction models combining chat and UI elements, while emphasizing the importance of developer experience and security through static HTML rendering. Frameworks like Remix are noted for their potential in supporting agent-based development with MCP.

Recent Episodes of Syntax - Tasty Web Development Treats

15 Jun 2026 1012: Who Decides What Ships on the Web?

A personal sunburn story during California filming segues into detailed discussions on web standards, Jake Archibalds work on APIs and Firefox development, image codec debates, API design challenges, and broader issues of web centralization, privacy, and balancing innovation with standardization.

8 Jun 2026 1011: tmux + Terminal Maxxing with Ben Vinegar

Terminal-based AI agent management via Tmux and Tailscale, Modem AI's automated non-coding product tasks with human oversight, safety measures for autonomous agents, and balancing UI efficiency with isolated environments and cross-platform feedback aggregation.

1 Jun 2026 1009: 54% AI-Generated and Climbing State of AI

A survey highlights rising AI adoption in web development, with 18% of developers using AI to write 75% of their code, mixed perceptions of its quality, prominence of ChatGPT and emerging tools like Claude/Gemini, enterprise integration trends, challenges like tool costs and unclear "local model" misconceptions, and ongoing debates about job displacement, creativity, and software quality.

27 May 2026 Diffs, Trees, and VS Code 2.0

The text explores the development of code editing tools like diffs and trees for AI-driven code review, challenges with GitHub's performance, introduces scalable solutions like Code Storage, and emphasizes optimizations such as virtualization, GPU acceleration, and AI delegation to handle large-scale code processing efficiently.

25 May 2026 1007: 8 Tech Choices to Lock In Before Agentmaxxing

Establishing a clear foundation through meticulous planningdefining schemas, using TypeScript types, organizing routing/authentication upfront, and standardizing UI/CSSprevents long-term complexity, avoids AI-generated clutter, and ensures scalable, coherent development.

More Syntax - Tasty Web Development Treats episodes