Stop making your Claude Code projects look like AI slop

@millee.md

2.1K followers · usually 1.9K views a post

Views

53.2K

Likes

2.6K

Comments

99

Shares

157

Selling · Other Product

UX UI Pro Max, 21st.dev, and UI.shadcn.com https://ui-ux-pro-max.nextlevelbuilder.io/ ↗

Why it worked

The video addresses a specific, common pain point for developers using AI coding tools and provides actionable, high-value resources to solve it, incentivizing engagement through a comment-based lead magnet.

Summary

The creator explains how to improve the design quality of projects built with Claude Code by using three specific design libraries. He demonstrates how these tools can be integrated to replace generic AI-generated designs with professional components.

Structure

1Identify the problem of generic AI design
2Introduce the solution of using specific design libraries
3Showcase the first tool: UX UI Pro Max
4Showcase the second tool: 21st.dev
5Showcase the third tool: UI.shadcn.com
6Provide a call to action for the links

Product placement

Original caption

Comment “paint” and I’ll send you all 3 links to the free tools I installed to make Claude Code design beautiful looking websites and apps. #claudecode #vibecoding #buildinpublic #ai #claude

More from @millee.md

Their other posts in the index, biggest breakout first.

The video features screen recordings of UX UI Pro Max, 21st.dev, and UI.shadcn.com being used to improve website design.

Call to action

comment paint and I'll send you all 3 links with steps on how to set them up

On-screen text

Stop making your Claude Code projects look like AI slop if you built Claude code I can tell you what it probably has a generic font those weird floating things and that ugly purple gradient, right? basically a design that screams AI slop listen I had the exact same issue and no amount of prompting made my designs better until I found these 3 websites because here's the thing Claude code out of the box is great at coding but it sucks at designing I got really frustrated with this so one Sunday afternoon I was just browsing online on how to improve Claude's design skills and I ended up installing 3 things that made my website go from this to look like this wow so I'm gonna break down what they are and how you can install them too the first one is called UX UI Pro Max it's a free GitHub skill you load straight into Claude code so before it touches a single pixel it already knows what good design looks like but that only handles the foundation so the next thing you need is 21st dot Dev it's a theme library with a bunch of cool looking designs like this pricing page right here you can install this into Claude code and give it access to the entire library and the third thing is UI dot shade CN it's one of the biggest component libraries on the internet once you install this into Claude code it stops needing to build components from scratch for example take a look at this if you needed something like a loading skeleton it will pull that component directly from the library which gets you a cleaner result every single time so those are the 3 things I use and if you want to take your designs to the next level comment paint and I'll send you all 3 links with steps on how to set them up

Transcript

Stop making your Claude Code projects look like AI slop. If you built a Claude Code project, I can tell you what it probably has. A generic font, those weird floating things, and that ugly purple gradient, right? Basically a design that screams AI slop. Listen, I had the exact same issue and no amount of prompting made my designs better until I found these three websites. Because here's the thing, Claude Code out of the box is great at coding but it sucks at designing. I got really frustrated with this, so one Sunday afternoon I was just browsing online on how to improve Claude's design skills and I ended up installing three things that made my website go from this to looking like this. So I'm going to break down what they are and how you can install them too. The first one is called UX UI Pro Max. It's a free GitHub skill you load straight into Claude Code, so before it touches a single pixel, it already knows what good design looks like. But that only handles the foundation, so the next thing you need is 21st.dev. It's a theme library with a bunch of cool looking designs like this pricing page right here. You can install this into Claude Code and give it access to the entire library. And the third thing is UI.shadcn.com. It's one of the biggest component libraries on the internet. Once you install this into Claude Code, it stops needing to build components from scratch. For example, take a look at this. If you needed something like a loading skeleton, it will pull that component directly from the library, which gets you a cleaner result every single time. So those are the three things I use, and if you want to take your designs to the next level, comment paint and I'll send you all three links with steps on how to set them up.