Most AI websites still look mid. Here’s how to actually make them...
Prajwal Tomar@PrajwalTomar_
102 views
Aug 24, 2025
~2 min read
Advertisement
1
Most AI websites still look mid.
Here’s how to actually make them look good 👇
Here’s how to actually make them look good 👇
2
1/ Stop saying “make this UI beautiful.”
That’s exactly why your site looks messy and inconsistent.
Here’s what I do instead:
→ Take a screenshot of any site I love
→ Drop it into ChatGPT
→ Ask it to create a design.json that captures the layout, colors, spacing, typography
Then I tell Cursor:
“Use this design.json for styling only.”
Works insanely well.
That’s exactly why your site looks messy and inconsistent.
Here’s what I do instead:
→ Take a screenshot of any site I love
→ Drop it into ChatGPT
→ Ask it to create a design.json that captures the layout, colors, spacing, typography
Then I tell Cursor:
“Use this design.json for styling only.”
Works insanely well.
3
2/ Bring your hero section to life with 3D.
@hiunicornstudio has beautiful 3D templates.
Just pick one that fits your vibe.
Edit the text, colors, lighting, done.
It feels like magic and gives your site that “wow” without hiring a 3D designer.
@hiunicornstudio has beautiful 3D templates.
Just pick one that fits your vibe.
Edit the text, colors, lighting, done.
It feels like magic and gives your site that “wow” without hiring a 3D designer.
4
3/ Want a custom vibe? Use Tweak CN.
Tweak CN lets you shuffle themes and build your own ShadCN design system in seconds.
Once you like the preview:
→ Go to the “code” tab
→ Copy the CSS
→ Paste it in your project
→ Tell Cursor to use it as your base
It’s fast, visual, and gives you full control.
tweakcn.com
Tweak CN lets you shuffle themes and build your own ShadCN design system in seconds.
Once you like the preview:
→ Go to the “code” tab
→ Copy the CSS
→ Paste it in your project
→ Tell Cursor to use it as your base
It’s fast, visual, and gives you full control.
tweakcn.com
5
4/ Use better components.
Don’t rely only on raw ShadCN.
I pull in premium components from:
• ReactBits
• 21st.dev
• Magic UI
Copy the component → Paste in Cursor → Ask it to place + style it right
Minor tweaks. Big results.
Don’t rely only on raw ShadCN.
I pull in premium components from:
• ReactBits
• 21st.dev
• Magic UI
Copy the component → Paste in Cursor → Ask it to place + style it right
Minor tweaks. Big results.
6
5/ Animations = polish. But don’t overdo it.
My go-to effects:
• Smooth hover
• Slight tilt
• Scroll fade-ins
• Glitch on hero heading
• Inertia scroll on sections
I ask Cursor to apply them section-by-section.
Keep it subtle. That’s the trick.
My go-to effects:
• Smooth hover
• Slight tilt
• Scroll fade-ins
• Glitch on hero heading
• Inertia scroll on sections
I ask Cursor to apply them section-by-section.
Keep it subtle. That’s the trick.
7
6/ Bring your background image to life
Use Midjourney to generate stunning background images.
Then drop them into Runway’s image-to-video tool to create dynamic visuals for your hero section.
Static looks good.
Motion looks even better.
Use Midjourney to generate stunning background images.
Then drop them into Runway’s image-to-video tool to create dynamic visuals for your hero section.
Static looks good.
Motion looks even better.
Prajwal Tomar@PrajwalTomar_
built this hero section in 20 mins inside @lovable
my go-to stack now for fast, stunning landing pages: @lovable + @midjourney
did i cook? 👇
my go-to stack now for fast, stunning landing pages: @lovable + @midjourney
did i cook? 👇
8
7/ Fonts and layout matter too.
→ Choose a clean Google Font
→ Tell Cursor where to apply it (like “headings in hero only”)
→ Be specific about responsiveness:
“Make this bento grid collapse into 1 column on mobile”
Avoid vague prompts like “make responsive.”
→ Choose a clean Google Font
→ Tell Cursor where to apply it (like “headings in hero only”)
→ Be specific about responsiveness:
“Make this bento grid collapse into 1 column on mobile”
Avoid vague prompts like “make responsive.”
9
I use this same workflow for client MVPs every week.
Bookmark this if you want to build clean, production-ready UIs with AI.
Bookmark this if you want to build clean, production-ready UIs with AI.
10
I hope you've found this thread helpful.
If you have any questions, please feel free to ask below. :)
Like/Repost the quote below if you can:
If you have any questions, please feel free to ask below. :)
Like/Repost the quote below if you can:
11
if you don’t want to miss out on all the AI workflows, guides, and videos I share every week, join my newsletter. You’ll get everything straight to your inbox:
aimvpweekly.beehiiv.com
aimvpweekly.beehiiv.com