Mar 6, 2026 · 37m · y-combinator
Common Mistakes With Vibe Coded Websites · Y Combinator
gold bands on the timeline = statements, start to end. Hover to read, click to jump. CC turns on captions
Y Combinator's Aaron Epstein and Raphaël Schaad review AI-built startup landing pages to highlight common AI design tropes, user experience pitfalls, and actionable strategies for founders to create distinct, high-converting websites.
How this conversation actually went
Every chapter scored 0–10 on four independent dynamics. Hover any point for the reasoning behind the score. How this is scored →
speaking balance: gold is the partners, purple is the guest (3 minute bins)
In a completely collaborative episode, this represents the strongest aesthetic objection as Rafael forcefully rejects hiding critical tools behind hover interactions.
Hardest push from the partners ▶ 21:20 Challenging confusing workflow animationsAaron firmly questions the value of auto-shifting buttons and looping workflow animations that distract from communicating product value.
Biggest teaching moment ▶ 5:46 Browser defaults versus LLM hover mistakesRafael breaks down how native cursor affordances work and why LLM-generated fading hover effects violate foundational UX principles.
The partners hold their own ▶ 35:55 Framework for intentional AI designAaron articulates a clear strategy for founders to define their visual brand and QA rigorously rather than passively accepting LLM defaults.
the scores for every segment, with the reasoning behind each
| Chapter | Topic | The partners as informed peer | Guest teaching | Guest disagreement | The partners pushing back | Why |
|---|---|---|---|---|---|---|
| Title Sequence: Design Review | 6 | 5 | 0 | 0 | Aaron introduces Rafael and discusses the rise of AI design trends and boilerplate tropes like purple gradients and fade-in scroll sections. Both speakers are completely aligned and build on each other's observations. | |
| Website Review: Nunu.ai | 7 | 7 | 0 | 0 | Reviewing Nunu.ai, Rafael breaks down why certain hover animations and hiding critical functionality behind hover are severe anti-patterns on web and mobile. Aaron provides complementary insights on usability and visual distraction. | |
| Website Review: Rosebud AI | 6 | 6 | 0 | 0 | The hosts evaluate Rosebud AI, praising the interactive embedded 3D game sandbox while noting weak hierarchy and clashing color accents. Both agree on core conversion fundamentals like H1 clarity above the fold. | |
| Website Review: GetCrux | 6 | 6 | 0 | 0 | Reviewing GetCrux, both critique distracting scroll-jacking, low-resolution video assets, and delayed fade-in animations that obscure FAQ answers. The tone is constructive and analytical. | |
| Website Review: Sphinx | 7 | 7 | 0 | 0 | Looking at Sphinx, Rafael details how LLMs generate cluttered visual hierarchies with too many conflicting styles and fake interactive buttons. Aaron observes that founders must act as discerning editors rather than blindly accepting AI output. | |
| Website Review: Build0 | 7 | 6 | 0 | 0 | Reviewing Build0, Aaron identifies stereotypical LLM dashboard color tropes (Fisher-Price primaries) while Rafael points out subtle layout shifting bugs caused by careless hover effects. | |
| Website Review: Zarna | 6 | 6 | 0 | 0 | The hosts inspect Zarna, noting severe contrast issues where light header text becomes unreadable over dynamic video backgrounds, alongside non-functional interactive cards. | |
| General Takeaways and Best Practices | 7 | 7 | 0 | 0 | Aaron and Rafael synthesize their key takeaways, stressing that founders must thoroughly QA vibe-coded websites and define their brand identity proactively rather than accepting generic AI defaults. |