Cursor Head of Design Roasts Startup Websites

Reviewer Profile & Context

• Reviewer: Ryo Liu, Head of Design at Cursor (used by >1M users), formerly founding designer at Notion and product designer at Stripe and Asana.
• Task: Critique 8 user-submitted websites built partially or fully using the AI coding tool Cursor.
• Core Observation: Many sites exhibit "vibe-coded" traits, including default AI stylistic choices, inconsistent design tokens, and reliance on generic templates rather than unique brand identity.
• General Consensus: Websites often fail to answer the user's immediate questions: "What is this?", "Who is it for?", and "Is it credible?" due to vague messaging and jargon.

Site-Specific Findings

• Crunch (AI for Excel)

  • Design Flaws:
    • Hover effects on logos trigger a snapping animation rather than a continuous stream, perceived as "sloppy."
    • Excessive motion and animation distract from the core message; hero section text moves too fast to read.
    • Typography relies on "tight Helvetica" and generic AI defaults, lacking distinctiveness.
  • Messaging Issues:
    • Hero section uses vague jargon ("AI reimaged for Excel," "transform your workflow") without a literal sub-headline explaining the value proposition.
    • Technical terms like "DCFs" and "market models" appear early, alienating non-finance target audiences.
    • Social proof logos (BCG, Harvard) are present but the hover states are broken, reducing credibility.
  • Recommendations:
    • Replace vague marketing headlines with literal sub-headlines explaining the specific function.
    • Remove distracting animations and fix hover interactions to be continuous.
    • Avoid default AI "slop" (purple gradients, massive shadows) and establish robust foundational design tokens.

• Velvet.video (Brand Video Generation)

  • Design Flaws:
    • Logo is a tiny, indistinct face graphic that fails to establish brand identity; the YC logo is more prominent.
    • The "Book a Demo" CTA is placed below the fold without context, leading to an abrupt request for money before value is explained.
    • The site feels "choppy" and lacks clarity on whether the videos shown are examples or product features.
  • Messaging Issues:
    • Only six words of text exist on the hero page; the rest is visual, forcing users to guess the product's purpose.
    • Fails to distinguish the product from competitors like Sora or generic video models.
  • Recommendations:
    • Create a legible wordmark or larger, clearer logo.
    • Add substantial text content explaining "brand videos," what makes them unique, and the target audience.
    • Move the primary CTA above the fold or provide a clear "what happens next" explanation.

• Clavis AI / Strata (MCP Server for AI Agents)

  • Design Flaws:
    • Visual style resembles an outdated "Bootstrap" template with excessive, low-priority buttons (Discord, GitHub, Docs).
    • A large "gray box" in the hero section is unclear and non-interactive.
    • Charts and dashboards use moving elements that distract from data reading; lack of grid lines makes data unreadable.
  • Naming & Confusion:
    • Confusion between project name ("Clavis AI") and product name ("Strata") creates friction; users suggest using a single consistent name.
    • Video auto-play issues (requires tap to play) disrupt flow.
  • Messaging Issues:
    • Hero text relies on jargon ("progressive discovery," "precise execution," "MCP infra") that does not map to user problems.
    • Competitor comparisons are absent; the page fails to contrast "old world" (individual MCPs) vs. "new world" (Strata).
  • Recommendations:
    • Consolidate navigation and feature one clear primary CTA per scroll section.
    • Replace jargon with user-centric problem statements (e.g., "manage too many tools").
    • Show a static, clear visual of connected tools rather than moving, confusing charts.

• Code Crafters (Software Engineering Practice)

  • Design Flaws:
    • Inconsistent branding across pages: Hero uses green tones while other sections switch to purple gradients and black/white themes.
    • Testimonials feature heavily edited, intrusive photo crops of investors (e.g., Anthropic founder) rather than generic headshots.
    • Navigation links lead to external YC pages, breaking the site's continuity.
  • Messaging Issues:
    • Opens with a negative constraint ("Stop following tutorials") rather than a positive value proposition.
    • The product name is absent from the hero section, making the site's purpose unclear.
    • Investors are listed as "backed by incredible engineers" with inconsistent photo styles.
  • Recommendations:
    • Unify color schemes and visual styles across the entire site.
    • Standardize testimonial imagery (e.g., background removal, B&W filter) to maintain professionalism.
    • Clearly state the product name and value proposition in the hero section.

• Slashy (AI Email Tool)

  • Design Flaws:
    • Interface resembles raw Markdown output; UI elements are misaligned, and screenshots have inconsistent borders and shadows.
    • Visual details are missing or "clipped," such as an extra white border on the demo video.
  • Messaging Issues:
    • Relies heavily on competitor names (Notion, Cursor, ChatGPT) to define the product rather than owning its unique value.
    • Feels like a composite of other products ("Notion agent + Cursor") without sufficient detail.
  • Recommendations:
    • Refine above-the-fold details to ensure polished alignment and consistent asset sizes.
    • Define the product's unique capabilities explicitly rather than listing integrations.

• Freya (Voice AI for Enterprise)

  • Design Strengths:
    • Messaging is the clearest of the review, explicitly stating it handles inbound/outbound calls in 40+ languages.
    • Interactive demo is accessible immediately and functions well (successfully responds to Chinese input).
    • Clear use cases provided (scheduling, claims, lead qualification).
  • Design Flaws:
    • "Jacking" the scroll (hijacking user movement) to initiate the demo is perceived negatively.
    • "Meet the team" is a confusing CTA when the primary intent is a product demo.
  • Recommendations:
    • Replace "Meet the team" with "Book a demo" to align with user intent.
    • Ensure the demo interaction does not interfere with natural scrolling behavior.

• Finta (Accounting & Taxes)

  • Design Strengths:
    • Clever, dynamic "5:12 PM" timer reference for tax filing is effective but fleeting.
    • Visuals zoom in on specific product features rather than showing distant, unreadable screenshots.
    • "Tax season with zero stress" copy resonates with the target audience.
  • Messaging Issues:
    • Target audience (US-based C-Corps, LLCs, PBCs) is hidden in faint text; primary messaging focuses on individuals initially.
    • Section hierarchy is confusing, with card elements appearing to "float" over lines, disrupting visual flow.
  • Recommendations:
    • Prominently display the target audience (enterprises vs. individuals) within the primary messaging.
    • Standardize section layouts to ensure clear visual hierarchy and prevent confusing overlaps.

• Vibe Flow (Visual Prompting Tool)

  • Design Flaws:
    • Entire site exhibits "vibe-coded" disjointedness: inconsistent border radii, mismatched hover states, and lack of cohesive design tokens.
    • Error states and loading spinners provide no context ("Thinking..."), causing user anxiety.
    • Suggests a "mystery toggle button" with no tooltip or explanation.
  • Functionality Issues:
    • Requires sign-in immediately, preventing users from testing the core AI capability.
    • The "preview" area loops random, unhelpful messages, failing to demonstrate actual output.
    • Lacks 3D libraries, forcing a fallback to CSS that appears broken.
  • Recommendations:
    • Allow a constrained, free demo (similar to Cursor's free tier) before requiring sign-in.
    • Show every state of the AI process clearly (e.g., "tool calls," "actions in progress") to manage waiting time.
    • Consolidate design tokens to create a unified, professional interface rather than raw AI generation.

Strategic Takeaways & Forward-Looking Statements

• AI Design Homogenization: Users risk creating "vibe-coded" sites by relying on default AI styles (purple gradients, heavy shadows, generic fonts) without establishing custom design tokens.
• Clarity Over Hype: Successful sites prioritize literal explanations of function and specific use cases over vague "AI-reimagined" marketing language.
• Credibility via Consistency: Broken interactions, inconsistent imagery, and disjointed layouts significantly undermine the perceived professionalism of AI-built products.
• UX Pattern: Effective AI sites must explicitly handle "waiting states" and error conditions to maintain user engagement and trust.
• Conversion Strategy: Moving high-value actions (e.g., "Book Demo") above the fold and avoiding premature requests for money before value demonstration are critical for conversion.