Clash Royale is a game where you start a game with total eight cards which are distinct and at a time you have of them available to you
So what people do is have a very powerful card which they keeps cycling
Thus they will have one card that is really nice and other just bullshit low cost cards so that they can keep their cost low and quickly cycle back to their precious card
I think with UI you are supposed to do that When you’re vibe coding
UI is a big piece of shit that vibe coding just cannot normally handle
And for that we need to have some big brain to deal with it
What you’re going to do write your copy or draw your structure first in the most basic terms
And find the cheapest AI out there to make the first draft
You wanted to be a single HTML file
Once he had that single HTML file now we enter the Gemini claude cycle
You go to Claude and discuss what will be the style that suits your landing page the most based on your application
If you are making a CLI tool then terminal type Minimal tech brutalist look will look phenomenal and will build that vibe for your SaaS
Once the style is decided you will give that cheap first draft to it and ask it to make it good
Then you go to Gemini 3, this thing is a beast when it comes to visuals
You ask it to tweak around with the gradients, the noise, the texture,the lighting, the interactive elements, the visuals and all that kind of stuff
When now you play hot potato with the HTML code that comes out
We gave it to Gemini then Claude then Claude then Gemini blah blah
Whatever order
But you just keep spinning iterations of it till you get the premium look you want
This way you can quickly test out a lot of texture patterns and interactive visuals
I don’t know what causes this but rotating code between different AI models just kind of works way better than having a single AI have a go at it
So making a skeleton then refining it via choosing a style and then iterating it via multiple revisions through Claude and Gemini is the way to go
Also don’t forget that in each iteration you should tell the that hey I like this part don’t touch it
Don’t touch the structure or maybe don’t touch the noise effect
Stuff like that
The cognitive diversity of different models > single model’s consistency in this domain.
So use this flow :
SKELETON PHASE
└─> Cheap AI (Haiku, 4o-mini)
└─> Single HTML file with basic structure
STYLE PHILOSOPHY
└─> Claude
└─> Define design direction (brutalist, glassmorphic, etc.)
└─> Apply cohesive style system
VISUAL REFINEMENT
└─> Gemini 2.0 Flash
└─> Polish gradients, animations, textures
└─> Add micro-interactions
HOT POTATO ITERATIONS
└─> Claude ↔ Gemini ↔ Claude
└─> Lock good elements each pass
└─> Refine others until premium