💥 CloutClash – Submission Story 🎯 What Inspired Me CloutClash was inspired by a mashup of 2000s absurdity and 2020s AI. I grew up watching MTV’s Celebrity Deathmatch, and always loved how it exaggerated real-life personas into ridiculous battle scenarios. Now that LLMs and TTS tools exist, I saw an opportunity to recreate that chaos with AI narration, real-time image pulling, and zero backend — just vibes and violence.
I wanted to build something fun, viral, and instantly shareable. Something that makes people laugh, screenshot, and say "you gotta try this."
🛠️ How I Built It CloutClash was built in one prompt using Bolt.new’s One-Shot Challenge, and enhanced with:
🧠 Groq LLaMA 3 70B for fast, colorful battle narration
🌐 Wikipedia REST API to fetch real images of fighters
🎙️ ElevenLabs TTS to bring battles to life with narrated voiceovers
🧱 React + Tailwind CSS + Vite for the UI
🧠 LocalStorage to save and replay recent battles
🎲 Random Matchup Generator for instant chaos
Everything runs client-side, with .env support for both Groq and ElevenLabs keys. No backend, no database — just a responsive, comic-inspired deathmatch playground.
⚔️ What I Learned How to chain multiple APIs (Groq + Wikipedia + ElevenLabs) smoothly in a frontend-only app
How to design for fun, not just function — making the UX punchy, absurd, and addictively repeatable
How far LLMs can go in storytelling tone with the right temperature and prompt engineering
The importance of image framing — getting Wikipedia thumbnails to look good took some creative fallback logic
🧱 Challenges I Faced Image distortion: Some Wikipedia images didn’t fit well into the layout; I had to tune how they were styled and set up fallbacks
ElevenLabs integration: Getting TTS audio to play reliably in-browser, while supporting replay buttons and multiple voices, took testing and tuning
Voice customization: I wanted to allow .env voice ID support, which required additional logic to stay One-Shot compliant
One-Prompt Constraints: The real challenge was building all this in a single Bolt prompt — every line of code had to count, and I had to think modularly without relying on file splitting
🧠 Final Thoughts CloutClash is a pure AI playground — silly, over-the-top, and fully powered by modern LLMs and TTS. It reminds us that not everything has to be serious or useful to be memorable. Sometimes, watching Goku punch Andrew Tate into the stratosphere while a robotic voice yells "TATE-ASTROPHE!" is exactly what the internet needs.
Thanks to the Bolt team for building a platform that encourages maximum creativity with minimal friction.
Log in or sign up for Devpost to join the conversation.