Your AI Website Looks Like Slop. Here's the Free Fix.
The Next New Thing
0:00 / 0:00
Your AI Website Looks Like Slop. Here's the Free Fix.
20 659 просмотров · 23 ч назад
The Next New Thing
64,3 тыс. подписчиков
20 659 просмотров · 23 ч назад
Link to Resources: https://thenextnewthing.ai/my-resources
Presented by Zapier: https://zapier.com/
Andrew Warner sits down with Paul Bakaus, creator of Impeccable, to show how this free, open-source tool helps AI coding agents create more distinctive, polished, and functional website designs.
Instead of settling for generic AI-generated websites, Impeccable critiques your design, asks about your goals and target audience, explores different visual directions, and helps you refine the results through live visual feedback. Paul demonstrates how to generate design variations, edit elements directly on a development server, draw annotations, add new sections, and improve websites using design systems and reusable visual styles. The conversation also explores how Impeccable works with Claude Code and Codex, detects common AI design patterns, and makes better design accessible to developers building with AI.
Links featured
Impeccable: https://github.com/pbakaus/impeccable
Zapier: https://zapier.com/
00:00 - Impeccable: Transform generic AI website designs
00:25 - AI Design: Recognize common website patterns
00:54 - Impeccable Worlds: Explore different visual directions
02:06 - Design Systems: Understand and refine creative choices
04:21 - Impeccable Live: Edit websites visually in real time
05:06 - Live Editing: Go beyond basic AI annotations
06:18 - Design Systems: Preview fonts, colors, and styles
06:45 - Visual Picker: Select and improve page elements
07:21 - Live Feedback: Edit copy and use voice commands
07:48 - Annotations: Draw directly on website designs
08:18 - Design Variations: Generate and compare alternatives
09:27 - Insert Mode: Add new website sections visually
10:12 - AI Design: Collaborate with your coding agent
10:48 - Design Critique: Identify and fix website problems
12:36 - Design Partner: Customize websites for your audience
13:21 - Impeccable: Keep the open-source tool free
15:09 - GitHub Repo: Explore agent-specific implementations
15:45 - Rust Engine: Detect common AI design patterns
16:30 - Installation: Add Impeccable to your project
16:48 - Before and After: Compare AI-generated websites
17:24 - Design Gallery: Create more distinctive websites
17:51 - Functional Design: Balance aesthetics and usability
Media/Sponsorship Inquiries: https://thenextnewthing.ai/l/sponsor
👉 Join us: https://thenextnewthing.ai/