Heckled: a dark stage-style site with cartoon hecklers that roast your landing page
Hackathon project Heckled: paste a landing page URL, pick a heckler, and an AI voice roasts it in a 60-90 second stand-up set, then hands you a fix list. The site pairs a dark background with orange highlights, lines up four cartoon heckler avatars like a show poster, and walks through the input and steps below. Playful and direct.
I built http://heckled.dev for the @active_builders x @GradiumAI hackathon. Here's the idea. You paste a landing page URL, pick a heckler, and get roasted out loud for about 60-90 seconds. Then you get a fix list you can paste straight into your AI to (hopefully) improve your landing page. A headless Chrome screenshots your page and maps the headline, buttons, pricing, and proof. Claude reads all that and writes an eight-part stand-up set, with each bit pointing at the elements it mentions. Gradium AI does the voice and each heckler (Jaded VC, Growth Bro, Creative Director, and Documentarian) is a voice I built with Gradium Voice Design, with its own pronunciation dictionary. It does French roasts too. Gradium also returns word-level timestamps, and those run the whole player. The captions follow the voice, and the camera pans to a spotlight on whatever's being roasted at that moment. It's one Next.js process with a SQLite queue. About a minute from URL to heckle. It was a fun little project, and I got to try Gradium AI's tools, which was pretty awesome. The repo is at https://github.com/phillips-jon/heckled.dev Site: https://heckled.dev