<p class="has-line-data">Wes and Scott talk about making AI coding more reliable using deterministic tools like fallow, knip, ESLint, StyleLint, and Sentry. They cover code quality analysis, linting strategies, headless browsers, task workflows, and how to enforce better patterns so AI stops guessing and starts producing maintainable, predictable code.</p>
<h3 class="code-line has-line-data">
<a></a>Show Notes</h3>
<ul>
<li class="has-line-data">
<strong><a href="#t=00:00">00:00</a></strong> Welcome to Syntax!
<ul>
<li class="has-line-data"><a href="https://x.com/wesbos/status/2044060210503778319">Losing two clients in one week</a></li>
</ul>
</li>
<li class="has-line-data">
<strong><a href="#t=04:49">04:49</a></strong> Code quality tools
<ul>
<li class="has-line-data"><a href="https://jscpd.dev/">jscpd.dev</a></li>
<li class="has-line-data"><a href="https://knip.dev/">knip.dev</a></li>
<li class="has-line-data"><a href="https://fallow.tools/">fallow.tools</a></li>
<li class="has-line-data"><a href="https://github.com/projectwallace/wallace-cli">wallace</a></li>
</ul>
</li>
<li class="has-line-data">
<strong><a href="#t=14:11">14:11</a></strong> Finding and using components
<ul>
<li class="has-line-data"><a href="https://storybook.js.org/ai">Storybook AI</a></li>
</ul>
</li>
<li class="has-line-data">
<strong><a href="#t=17:28">17:28</a></strong> Brought to you by <a href="https://sentry.io/syntax/">Sentry.io</a>
</li>
<li class="has-line-data">
<strong><a href="#t=17:42">17:42</a></strong> Finding bugs
<ul>
<li class="has-line-data"><a href="https://cli.sentry.dev/">Sentry CLI</a></li>
<li class="has-line-data"><a href="https://spotlightjs.com/">Spotlight</a></li>
</ul>
</li>
<li class="has-line-data">
<strong><a href="#t=19:55">19:55</a></strong> Formatting and linting
<ul>
<li class="has-line-data"><a href="https://viteplus.dev/">Vite+</a></li>
<li class="has-line-data"><a href="https://eslint.org/">ESLint</a></li>
<li class="has-line-data"><a href="https://stylelint.io/">StyleLint</a></li>
<li class="has-line-data"><a href="https://github.com/stolinski/clint">clint</a></li>
</ul>
</li>
<li class="has-line-data">
<strong><a href="#t=25:41">25:41</a></strong> Headless browsers
<ul>
<li class="has-line-data"><a href="https://github.com/vercel-labs/agent-browser">agent-browser</a></li>
<li class="has-line-data"><a href="https://github.com/ChromeDevTools/chrome-devtools-mcp">chrome-devtools-mcp</a></li>
<li class="has-line-data"><a href="https://lightpanda.io/">Lightpanda</a></li>
</ul>
</li>
<li class="has-line-data">
<strong><a href="#t=32:11">32:11</a></strong> Tasks and todos
<ul>
<li class="has-line-data"><a href="https://dex.rip/">dex</a></li>
<li class="has-line-data"><a href="https://github.com/gastownhall/beads">beads</a></li>
</ul>
</li>
<li class="has-line-data">
<strong><a href="#t=33:32">33:32</a></strong> Docs
<ul>
<li class="has-line-data"><a href="https://context7.com/">Context7</a></li>
</ul>
</li>
<li class="has-line-data">
<strong><a href="#t=34:22">34:22</a></strong> <a href="https://tanstack.com/blog/tanstack-ai-code-mode">TanStack Code Mode</a>
</li>
<li class="has-line-data">
<strong><a href="#t=36:01">36:01</a></strong> Getting AI to use these tools</li>
<li class="has-line-data">
<strong><a href="#t=38:18">38:18</a></strong> Sick Picks + Shameless Plugs</li>
</ul>
<h3 class="code-line has-line-data">
<a></a>Sick Picks</h3>
<ul>
<li class="has-line-data">Scott: <a href="https://leafshave.com/products/leaf-two-razor">Leaf Two Razor</a>
</li>
<li class="has-line-data">Wes: <a href="https://www.amazon.com/s?k=puzzles">Puzzles</a>
</li>
</ul>
<h3 class="code-line has-line-data">
<a></a>Shameless Plugs</h3>
<ul>
<li class="has-line-data"><a href="http://phases.fm/">Phases.fm Podcast</a></li>
</ul>
<h3 class="code-line has-line-data">
<a></a>Hit us up on Socials!</h3>
<p class="has-line-data">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></p>
<p class="has-line-data">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></p>
<p class="has-line-data">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></p>
<p class="has-line-data">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></p>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

998: How to Fix Vibe Coding

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews