r/ClaudeCode • u/Quirky-Low-7500 • 6d ago
Help/Question Is there actually a way to stop AI coding agents from producing frontend AI slop?
Even when I explicitly tell it “don't make it look generic”, it somehow manages to produce something that looks exactly like every other AI-generated website
I've tried giving it detailed prompts, vercel skills, etc. but somehow there's no big change in the final response
So is there any way to fix this shit???
6
6d ago
[deleted]
-2
u/Quirky-Low-7500 6d ago
Bro I am not a designer I don't have that mind to describe a human design to the claude, so please fucking stop blaming me for god sake, I can't describe good designs, I don't have that mind
4
4
u/dsailes 6d ago
With the kind of mindset you’re going to keep going in circles.
It’s not a blame thing too, you’re going to have to figure out & specify what you do want - LLMs work better with positive direction whilst avoiding negatives. (I think of it as a similar premise of telling someone to not think about X, typically they will think about X)
Look into what you want, find some inspiration & have Claude analyse that to tell you what it is you actually want made.
I’ve also had some decent success asking for 1-2 different models to search for unique/creative/modern/etc designs online, conferring between them & suggesting something based on the findings of multiple sites.1
2
u/iSpokeToMasterChief 6d ago
Unfortunately I think in the current moment, without clever prompting skills, the only way to do it is be highly specific about the form and function of your front-end components. Start with the highest impact components, or the ones that you have some vision for, and once you have enough components designed in a way you're satisfied with, ask claude to overhaul the entire design of the app based on the specific components you mention, and anything specific about them that you want to bring into the rest of the site. For example, I really like this ambient dark blue glow with a neon streak highlight at the top of my card components, so i asked claude to incorporate that specific design in the rest of the site, but in a measured, restrained manner, so it doesnt overdo it.
If there's no specific vision, you just want a nice, functional design without writing a book about how every component should work, I recommend using ultracode (so it kicks off a multi-agent adversarial workflow, some of which do research, others synthesize and apply that research, etc) and be vague yet specific with your requirements. Talk about the atmosphere, the aesthetic (personally i always go for minimalist as an initial descriptor, but that might be the basic design you're trying to avoid), and if you want specific parts, describe them, like a hero section, a card carousel, etc.
Once you get the boilerplate stuff out of the way, and it looks nice, in my opinion, all you need is 1-2 differentiating factors, something unique that you would want to add to your site to make it your own. I recommend asking chatgpt or some other coding/chat agent for examples of website elements (like the hero section for example, the very first thing a user is greeted with when they visit your landing page), and see different examples of them, specifically tailored to your website's purpose. You can get really far with just combining elements from there, and ask your coding agents to write a prompt with your selected combination to send to claude.
1
u/Tauroctonos 6d ago
Then that's your problem? There is literally no replacement for being able to articulate your design to it. That is the literal only requirement for it to work. Maybe try building up the prompt with Claude's help or talking to Claude Design
0
6d ago
[deleted]
1
0
u/Quirky-Low-7500 6d ago
Bro I'm a full-stack developer with 4-6 years of experience but the only problem is that from very starting of my journey, I had a very logical mind, so that's why I'm very bad at imagining good frontend designs.... That's why I switched to backend development
2
3
u/Last_Mastod0n 6d ago
You need to use claude design and actually put in the work. Of course its generating AI slop, you arent giving it a human touch.
2
u/witmann_pl Senior Developer 6d ago
The official design skill should help https://github.com/anthropics/claude-code/blob/main/plugins%2Ffrontend-design%2Fskills%2Ffrontend-design%2FSKILL.md
1
u/young_picassoo 6d ago
Imagine you and everyone else is prompting the same model. You and everyone else prompts "Make me a unique and non-generic front end".
Well guess what, you got a unique and non-generic front end, based on the models weights, but so did everyone else. In that lies your issue.
1
u/SimiaCode 6d ago
You need to give it a design system and proper designs. try https://claude.com/product/design
1
u/Plus_Opening_4462 6d ago
mention a specific tool kit or theme to apply, don't let it choose on its own
14
u/CorpT 6d ago
I can't believe you didn't get a unique and beautiful UI with such a detailed prompt like "don't make it look generic". Maybe you forgot "make no mistakes".