More Syntax - Tasty Web Development Treats episodes

998: How to Fix Vibe Coding thumbnail

998: How to Fix Vibe Coding

Published 22 Apr 2026

Duration: 00:44:45

The risks of unvalidated AI-generated code, including unpredictability and brittle systems, are countered by deterministic practices like linter rules, duplication detection tools, and functional programming principles, alongside code quality metrics and manual review to ensure reliability.

Episode Description

Wes and Scott talk about making AI coding more reliable using deterministic tools like fallow, knip, ESLint, StyleLint, and Sentry. They cover code qu...

Overview

The podcast explores the risks of relying on AI-generated code without rigorous validation, emphasizing the unpredictability of AI outputs and their potential to create brittle systems or unresolved issues. It critiques the misconception that code quality and testing are irrelevant in AI-driven workflows, advocating for deterministic code practices and tools that enforce strict standards. Discussions focus on code analysis tools like JS.CPD and KNIP, which identify duplication and unused dependencies, as well as linters and formatters that enforce consistency. The episode highlights the importance of "enforceable guardrails," such as agent files and rule sets, to constrain AI-generated code and ensure adherence to predefined constraints. Tools like Fallow are recommended for detecting dead code, circular dependencies, and duplication across multiple languages, while self-improving systems and linting plugins are presented as methods to automate and enhance code quality.

The podcast also addresses challenges in AI-driven workflows, including over-specification of UI elements, potential over-complexity in utility functions, and the need for manual review over automated fixes. It emphasizes philosophical underpinnings, favoring functional programming and deterministic systems to counter AI-generated chaos, and underscores the value of transparency in code quality. Framework-specific tools, such as Sveltes auto-fixer, are discussed alongside calls for similar solutions in React or Vue. Infrastructure challenges, like the computational demands of headless browsers, are noted, with alternatives like Light Panda (a fast, CSS-skipping headless browser) and Cloudflares API being proposed. The importance of task management tools for deterministic workflows, alongside documentation systems like Context Seven, is highlighted to guide AI agents and ensure clarity in execution. Finally, the discussion touches on balancing control with flexibility in AI agent behavior, advocating for explicit skills, tools, and automated quality checks to maintain code integrity.

Recent Episodes of Syntax - Tasty Web Development Treats

20 Apr 2026 997: Rating and Roasting Your Projects

Community-driven developer tools, AI integration challenges, secure code rendering, UI design innovations, and video processing advancements are explored, alongside debates on automation, manual oversight, and tool efficacy in coding workflows.

15 Apr 2026 996: 10 New CSS and HTML APIs

Recent CSS/HTML advancements include the CSS Masonry API for dynamic layouts, HTML in Canvas for enhanced accessibility, named container queries for modularity, experimental APIs like CSS Random Number, and challenges in browser support alongside niche design applications.

13 Apr 2026 995: Next.js Vendor Lock-in No More

Next.js Adapters Platform enables scalable, cross-provider hosting via standardized APIs, leverages TurboPack for faster builds, optimizes performance with caching and rendering techniques, and aims to reduce vendor lock-in through open adapters and improved compatibility.

8 Apr 2026 994: AI Sucks At CSS

AI in web development faces challenges like generating inefficient CSS, struggling with modern design systems, and producing homogenized or aesthetically poor outputs, requiring human oversight for nuanced creativity, debugging, and balancing AI tools with technical expertise to address performance, security, and design quality gaps.

6 Apr 2026 993: Its Been A Hell Of Week

Security vulnerabilities in AI and software infrastructure include exposed source maps, malicious npm packages, permission flaws, caching issues, and debates over AI model exposure, alongside recommendations for secure practices and performance optimization.

More Syntax - Tasty Web Development Treats episodes