Syntax - Tasty Web Development Treats

Wes and Scott talk about the foundational decisions that make AI-assisted coding actually work—database schemas, validation, routing, CSS structure, and more. They explore why consistency matters more than specific tools, and how a little upfront planning can keep agents from turning your codebase into chaos.

Show Notes

00:00 Welcome to Syntax!

03:19 Planning your database schema before AI touches it

06:08 Picking a validation strategy that won’t drift

07:18 Mapping your routing structure and auth flow

08:48 Brought to you by Sentry.io

10:52 Locking in your CSS methodology and UI framework

13:31 Choosing how your client and server communicate

15:03 Creating a folder structure agents can follow

16:16 Don’t be afraid to switch up your AI setup later

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Wes and Scott talk about whether AI can actually create good design, or if it just remixes the same patterns over and over. They dig into AI-generated UX, design systems, YouTube thumbnails, Google’s design.md spec, programmatic design, and the tools designers are actually using today.

Show Notes


00:00 Welcome to Syntax!


03:20 Can AI actually make you creative?


08:52 Why AI-generated YouTube thumbnails all look the same


10:34 Can good design be extrapolated from patterns?


13:46 Google’s design.md and AI steering documents


16:57 Can AI make good UX?


19:37 Brought to you by Sentry.io


21:03 Can good design be programmatic?


23:57 Can AI optimize design for outcomes and conversions?


27:40 Should designers use AI to enhance their work?


32:41 The AI design tools people are actually using

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes are joined by Jonny Burger, creator of Remotion, to talk about the explosion of programmatic video, going from 125k to 800k installs per day, and how AI and a new HTML-in-Canvas Chrome spec are changing the game. They dig into monetization, the wild world of video slop, motion graphics workflows, and the new Media Bunny tool.

Show Notes

00:00 Welcome to Syntax!

Remotion has skills!

02:20 Monetization Strategies and Sustainability

Remotion Pro

04:40 The Impact of AI on Video Creation

07:46 User Demographics and Use Cases

09:49 The Future of Video Editing Workflows

13:14 HTML in Canvas: A Game Changer

16:17 Technical Challenges and Innovations

18:44 Brought to you by Sentry.io

19:09 The Future of Remotion and Community Feedback

22:59 Rendering CSS Animations and Performance Optimization

27:05 The Underworld of Video Slop

29:12 Transition to Media Bunny

remotion.dev/docs/mediabunny/

33:50 Motion Graphics Workflow

39:42 Sick Picks + Shameless Plugs

Sick Picks

Jonny: ENTTEC DMX to USB Interface

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes break down the “Mini Shai-Hulud” supply chain attack that compromised TanStack and other popular npm packages through a clever GitHub Actions cache poisoning exploit; a self-propagating worm that stole credentials and persisted through Claude Code hooks and VS Code tasks. They also cover how developers can protect themselves using pnpm’s security defaults, dev containers, and other practical defenses.

Show Notes

00:00 Welcome to Syntax!

00:25 Understanding the Shai-Hulud Worm

Post Mortem of Shai Hulud Attack

02:47 Mechanics of the Attack: GitHub Actions and Cache

How the attack happened

Who Was Involved in the Attack

Several npm latest releases are compromised

Socket.dev

Step Security

05:44 Brought to you by Sentry.io

06:09 Propagation and Impact of the Worm

09:30 Preventative Measures for Developers

Dead Man’s Switch

12:33 The Role of Package Managers in Security

Block Exotic Subdeps

18:39 Using Dev Containers

Why You Should Use Dev Containers

Scott Tolinski’s Security Review

20:57 Conclusion and Final Thoughts

Sentry has Skills!

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes chat all things agent skills for web developers, sharing their favorites for everything from CSS animations and HTML generation to logo extraction, marketing copy, and video creation. Whether you’re just getting started with AI-powered development or looking to level up your workflow, this episode is packed with practical skills you can put to use today.

Show Notes

00:00 Welcome to Syntax!

01:33 Hot Tip Skill

05:55 CSS Motion Systems

08:17 Agent Browser Skill

09:30 HTML Skill

12:01 Extract Logos Skill

13:34 Dex Task Skill

14:50 Remotion and Hyper Frames Skills

Syntax Episode 550 with Remotion

16:22 Discussion on AI and Design Skills

18:50 Marketing Skills and Copywriting

23:01 Final Thoughts and Resources

24:10 Brought to you by Sentry.io

Sentry Skills

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads