Save this if you want your next AI site to ACTUALLY look good. This...
Prajwal Tomar@PrajwalTomar_
66 views
Jul 17, 2025
~2 min read
Advertisement
1
Save this if you want your next AI site to ACTUALLY look good.
This is the exact UI workflow I use on every client MVP 👇
This is the exact UI workflow I use on every client MVP 👇
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.
Unicorn Studio 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.
Unicorn Studio 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.
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.
5
4/ Use better components.
Don’t rely only on raw ShadCN.
I pull in premium components from:
• ReactBits
• 21stdev
• 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
• 21stdev
• 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.
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:
Prajwal Tomar@PrajwalTomar_
Save this if you want your next AI site to ACTUALLY look good.
This is the exact UI workflow I use on every client MVP 👇
This is the exact UI workflow I use on every client MVP 👇