Back to Browse

How Agencies Are Vibe Coding Better Client Sites

1.1K views
Streamed live on Mar 24, 2026
1:10:03

00:00 - How Agencies Are Vibe Coding Better Client Sites 05:33 - Josh's background: founded agency in 2018, grew to 40+ clients after rejoining in 2024 07:52 - Old problem: custom widget requests (e.g. service calculator) took 6-8+ hours and weren't cost-efficient 09:44 - Core bottleneck: custom requests became time sinks instead of opportunities; repetitive widget rebuilds 11:36 - What makes Duda's widget builder special: native integration, CMS/collection support, responsive breakpoints built in 13:38 - Josh's workflow: 5-10 min client brief → 5 min prompt → generate → refine → client review → publish; ~20 min total 15:44 - First demo: countdown timer widget built with a single prompt including urgency, styling options, and CTA button 18:39 - Framework for good prompts: context, functionality, visual requirements, responsive behavior, data source 19:17 - The prompt quality test: would you need to ask clarifying questions? If yes, the prompt isn't good enough 19:57 - Weak prompt examples: "Make me a review widget" — no data source, no layout, forces AI to guess everything 23:19 - Strong prompt example: detailed review widget with carousel, star rating, truncation, auto-rotate, breakpoints, collection mapping 25:09 - Advanced techniques: specify interactions explicitly, define breakpoints, name data sources, describe visual effects 27:02 - Iterate in layers: fix one thing at a time, not five issues at once — same as giving a child one task 29:54 - Responsive and effects vocabulary: stack vertically on mobile, glass morphism, scroll hijacking, parallax, image aspect ratio handling 33:22 - Business impact: went from "let me check and get back to you" to "I'll have a prototype by end of day" 36:40 - Packaging strategy: include custom widgets in every proposal; retainer packages ~$500/month for ongoing widget support 39:44 - Time comparison: old way 6-10 hrs per widget, revisions 1-2 hrs each; new way under 30 min, revisions 10 min 46:56 - Complex demo: filterable events widget connected to internal collection, built in ~40 min; console errors fixed by pasting them directly into the builder 55:03 - Bigger picture: prompting skills transfer — to Claude Code, full app development, automation tools 56:19 - Content Forge demo: client onboarding → AI site generation in ~8 min, local SEO audit in 2 min, blog writing via API 01:03:51 - Real results: 90% reduction in widget delivery time, 80% fewer dev hours, Content Forge generating $6,500/month Why this matters: Agencies are trapped between client demands for customized, interactive websites and the pressure to deliver faster and more profitably. This session is your breakthrough. Unlock a new way to dramatically increase production speed and offer premium functionality without hiring extra developers. What we’ll cover: - How to scale your website production while still providing rich digital experiences - Examples of high-converting website functionalities, built conversationally with AI - Best practices for maintaining flexibility, control, and brand-consistency with AI-generated widgets

Download

0 formats

No download links available.

How Agencies Are Vibe Coding Better Client Sites | NatokHD