WhoBuilt

Common Mistakes With Vibe Coded Websites

Mar 6, 2026· 37 min· 122K views·Watch on YouTube

Speaker

Raphael Schaad, a Y Combinator visiting partner and former Cron co-founder, reviews AI-assisted startup website design with a host on YC’s design review.

When popular patterns lose their meaning

Schaad says purple gradients, scroll-triggered fades, and decorative hover effects have become common on startup sites. A pattern can look good on its own but feel generic when many companies use it. He and the host review submitted YC company websites to discuss what works and what distracts.

Use interactions to support the message

On newnew.ai, Schaad finds a line that follows the visitor distracting, while the animated cards help explain multiplayer gaming. He recommends hover effects that make controls feel clickable, and warns against hiding important features behind hover because mobile users may not discover them. On Rosebud AI, a playable game engages visitors, but unclear navigation makes its purpose harder to understand.

Review motion, hierarchy, and clarity

The Get Crocs review flags scroll hijacking, a moving button, blurry imagery, and inconsistent visual styles as distractions. For Sphinx, Schaad questions extra text styles and shifting controls that muddy the page’s hierarchy. He says the Sphinx headline clearly explains the product and audience, even though its animated section draws attention away from the content.

Make AI output original and reliable

The Build Zero and Zarna reviews identify familiar gradients, generic layouts, confusing interactions, and weak messaging. Schaad says AI tools free founders to focus on what they are building, for whom, and why it matters, but people still need to edit and QA the result. He recommends starting with the intended brand and palette, then using AI to express them.

Treat the landing page as an acquisition channel

Schaad says founders should use AI to bring original ideas and useful interactions to the web without outsourcing their judgment. The host adds that founders need to test interactions and ensure the site represents the company distinctively. Both frame a startup landing page as a way to acquire customers.

Takeaways

  • Use motion only when it clarifies the product or reinforces the brand.
  • Make key information and functionality discoverable without hover.
  • Define the company’s message, audience, and brand before generating a design.
  • Test the finished site for confusing behavior, broken interactions, and visual inconsistencies.
  • Review familiar AI-generated patterns and replace them when they make the company look generic.

Mentioned in this talk

Search inside this talk

What was claimed 3

Related talks