DEV Community

Cover image for I Stumbled on Hateble.dev AI ‘Roast’ Tool for Your Website (But It’s Throwing 500s)
Yash
Yash Subscriber

Posted on

I Stumbled on Hateble.dev AI ‘Roast’ Tool for Your Website (But It’s Throwing 500s)

“Don’t make it ❤️ Hateble.”

— the very first thing you see on Hateble.dev

Last night I was ego-searching my own domain (don’t judge 😊) and a wild result popped up: Hateble.dev.

The promise? “The brutally honest AI website analyzer to make your product ready to market.”
Naturally, I clicked. Here’s what happened, who (I think) built it, and why I’m still cheering for it even though it’s currently throwing a nasty HTTP 500.


First impressions

  • A gorgeous orange-to-black gradient hero.
  • A big input box for your-probably-broken-site.com.
  • A bright “🔥 Analyze my site for free” button.
  • Under the button: “HTTP error! status: 500” — every single time. Ouch.

UI-wise it oozes the same heart-shaped logo and typography you’ll find on Lovable.dev, the well-funded “build apps by chatting with AI” platform. :contentReference[oaicite:1]{index=1}

That immediately set off a branding déjà-vu…


Who built Hateble.dev?

There’s no /about page, no footer credits, and WHOIS privacy is on.

But a few breadcrumbs point straight at Lovable’s orbit:

  1. The heart logo. Hateble’s word-mark uses the identical ♥ glyph Lovable uses for its brand.
  2. “Works with any vibecoding tool.” The bottom of the page lists bolt.new, Cursor, Lovable, and Replit — exactly the roster Lovable’s docs highlight when they talk about “vibe coding” tooling. :contentReference[oaicite:2]{index=2}
  3. Same color palette & type scale.

My best guess: Hateble is a tongue-in-cheek side project by someone inside the Lovable team (or at least by a designer/dev who hangs out in their Discord). Think of it as the sarcastic sibling: Lovable helps you ship, Hateble tells you why what you shipped kind of sucks.


What it says it does

  • Runs an AI/LLM agent against your live site.
  • Spits out a blunt UI/UX + performance audit (copy, layout, CLS, Lighthouse, etc.).
  • Gives a fix-list “so your launch isn’t cringe”.

If it sounds like ChatGPT + Lighthouse + a roasted Dribbble critique mashed together, that’s probably the stack.


Why I still like the idea

  1. Negative feedback ≠ bad vibes. Early-stage founders need harsher truth, faster.
  2. Automated QA for vibe-coded apps. Lovable users spin up full apps in hours; an instant “roast” bot fits that workflow.
  3. Fun branding. Hateble is the perfect villain pairing for Lovable.

Lessons for indie builders

Takeaway Why it matters
Ship a landing page early Even broken, the site captured attention (I’m literally blogging about it).
Brand extensions work The “evil twin” trope is memorable and shareable.
Error messages are UX A plain 500 in red text kills hype fast. Consider a witty fallback (“Our AI passed out from all the roasting — try again soon!”).

What’s next?

  • I dropped my email into their (working) wait-list form — fingers crossed.
  • If/when the API comes back, I’ll run a full teardown on my own site and post the results.
  • Meanwhile, you can DIY something similar with OpenAI’s JS SDK + Chrome-Lighthouse if you’re brave.

TL;DR

  • Hateble.dev is a (currently broken) AI tool that promises to roast your site so you can fix it before launch.
  • All signs point to it being a cheeky side-project from the Lovable.dev ecosystem.
  • Even with a 500-error wall, the concept is 🔥 — and a reminder that honesty (and a bit of snark) is sometimes the fastest way to a better product.

Have you tried Hateble yet? Did you manage to get past the 500? Let me know in the comments — or roast this post, I can take it.


Happy shipping, and may your next deploy be more Lovable than Hateble. 🧡

Top comments (0)