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 dig into practical examples, UI patterns, performance tradeoffs, and whether the future of the web lives in chat or the browser.
<h3 class="code-line">
<a></a>Show Notes</h3>
<ul>
<li class="has-line-data">
<a href="#t=00:00">00:00</a> Welcome to Syntax!</li>
<li class="has-line-data">
<a href="#t=00:44">00:44</a> Introduction to Kent C. Dodds</li>
<li class="has-line-data">
<a href="#t=02:44">02:44</a> What is MCP?</li>
<li class="has-line-data">
<a href="#t=03:28">03:28</a> Context Engineering in AI</li>
<li class="has-line-data">
<a href="#t=04:49">04:49</a> Practical Examples of MCP</li>
<li class="has-line-data">
<a href="#t=06:33">06:33</a> Challenges with Context Bloat</li>
<li class="has-line-data">
<a href="#t=08:08">08:08</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>
</li>
<li class="has-line-data">
<a href="#t=09:37">09:37</a> Why not give AI API access directly?</li>
<li class="has-line-data">
<a href="#t=12:28">12:28</a> How is an MCP different from Skills</li>
<li class="has-line-data">
<a href="#t=14:58">14:58</a> MCP optimizations and efficiency levers</li>
<li class="has-line-data">
<a href="#t=16:24">16:24</a> MCP UI and Its Importance</li>
<li class="has-line-data">
<a href="#t=19:18">19:18</a> Where are we at today with MCP</li>
<li class="has-line-data">
<a href="#t=24:06">24:06</a> What is the development flow for building MCP servers?</li>
<li class="has-line-data">
<a href="#t=27:17">27:17</a> Building out an MCP UI.</li>
<li class="has-line-data">
<a href="#t=29:29">29:29</a> Returning HTML, when to render.</li>
<li class="has-line-data">
<a href="#t=36:17">36:17</a> Calling tools from your UI</li>
<li class="has-line-data">
<a href="#t=37:25">37:25</a> What is Goose?</li>
<li class="has-line-data">
<a href="#t=38:42">38:42</a> Are browsers cooked? Is everything via chat?</li>
<li class="has-line-data">
<a href="#t=43:25">43:25</a> Remix3</li>
<li class="has-line-data">
<a href="#t=47:21">47:21</a> Sick Picks & Shameless Plugs</li>
</ul>
<h3 class="code-line">
<a></a>Sick Picks</h3>
<ul>
<li class="has-line-data">Kent: <a href="https://onewheel.com/">OneWheel</a>
</li>
</ul>
<h3 class="code-line">
<a></a>Shameless Plugs</h3>
<ul>
<li class="has-line-data">Kent: <a href="EpicAI.pro">http://EpicAI.pro</a>,<a href="EpicWeb.dev">http://EpicWeb.dev</a>,<a href="EpicReact.dev">http://EpicReact.dev</a>
</li>
</ul>
<h3 class="code-line">
<a></a>Hit us up on Socials!</h3>
Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href="https://www.instagram.com/syntax_fm/">Instagram</a> <a href="https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href="https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a>
Wes: <a href="https://twitter.com/wesbos">X</a> <a href="https://www.instagram.com/wesbos/">Instagram</a> <a href="https://www.tiktok.com/@wesbos">Tiktok</a> <a href="https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href="https://www.threads.net/@wesbos">Threads</a>
Scott: <a href="https://twitter.com/stolinski">X</a> <a href="https://www.instagram.com/stolinski/">Instagram</a> <a href="https://www.tiktok.com/@stolinski">Tiktok</a> <a href="https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href="https://www.threads.net/@stolinski">Threads</a>
Randy: <a href="https://twitter.com/randyrektor">X</a> <a href="https://www.instagram.com/randyrektor/">Instagram</a> <a href="https://www.youtube.com/@randyrektor">YouTube</a> <a href="https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

973: The Web’s Next Form: MCP UI (with Kent C. Dodds)

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews