Перейти к содержимому

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/