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

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.

20 May 2026 1006: Can AI Make Good Design?

AI in design balances task automation and template-based efficiency with limitations in originality, nuance, and ethical authenticity, requiring human oversight to address creative, contextual, and user-centric needs.

18 May 2026 1005: Programatic and Skill based Video Creation with Remotion

Recommended: Interesting video creation tool

Remotion, a React-based video generation tool, has grown from a niche developer tool to a mainstream platform through AI integration, enabling non-technical video creation, while balancing open-source access with monetization, exploring advanced APIs, and addressing challenges in rendering, AI collaboration, and dynamic content integration.

More Syntax - Tasty Web Development Treats episodes