Scott and Wes dive into Chrome’s new MCP server; a dev tools API powered by Puppeteer that gives your scripts, editors, and AI agents full access to Chrome. They break down how it works, what it can (and can’t) do, and how it might change debugging and automation for developers
<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!
<ul>
<li class="has-line-data">
<a href="#t=01:15">01:15</a> Syntax San Francisco Meetup.</li>
<li class="has-line-data">
<a href="#t=01:55">01:55</a> We need your Spooky Stories!</li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=02:42">02:42</a> What is an MCP Server?</li>
<li class="has-line-data">
<a href="#t=04:28">04:28</a> MCP servers are not only for code editors.</li>
<li class="has-line-data">
<a href="#t=06:43">06:43</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li>
<li class="has-line-data">
<a href="#t=07:49">07:49</a> Dev Tools MCP is similar to Puppeteer.</li>
<li class="has-line-data">
<a href="#t=09:20">09:20</a> Setting up an MCP Server.</li>
<li class="has-line-data">
<a href="#t=11:36">11:36</a> Example of MCP with Dominos Pizza.</li>
<li class="has-line-data">
<a href="#t=13:23">13:23</a> Accessing Dev tools from your editor.</li>
<li class="has-line-data">
<a href="#t=14:23">14:23</a> In VS Code, you can “Open Link”.</li>
<li class="has-line-data">
<a href="#t=15:22">15:22</a> Using the MCP server.</li>
<li class="has-line-data">
<a href="#t=16:26">16:26</a> Chrome has Debug insights inside of chrome’s dev tools.</li>
<li class="has-line-data">
<a href="#t=18:38">18:38</a> Real world things the Chrome MCP server can do.
<ul>
<li class="has-line-data">
<a href="#t=18:43">18:43</a> Analyzing performance.</li>
<li class="has-line-data">
<a href="#t=19:55">19:55</a> Taking screenshots.</li>
<li class="has-line-data">
<a href="#t=21:17">21:17</a> Performance fix feedback loop.</li>
<li class="has-line-data">
<a href="#t=22:33">22:33</a> Remote connecting browsers.</li>
<li class="has-line-data">
<a href="#t=24:54">24:54</a> Browser-use.</li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=25:18">25:18</a> What are the limitations?</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

945: Chrome Dev Tools MCP Server

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews