Launching today

GradientDeck UI
DESIGN.md files from real websites
1 follower
DESIGN.md files from real websites
1 follower
Copy the DESIGN.md of popular websites: colors, typography, spacing, components and rules your AI agent can follow. Built for Claude Code, Codex and Cursor.




Hey Product Hunt!
AI coding agents are great at building UI, but left alone everything comes out looking the same: same fonts, same gradients, same cards. You can tell them "make it look like Stripe", but they're guessing.
GradientDeck UI gives them the real thing. Each of the 1,270 sites in the library has a DESIGN md: its color palette with the role of every color, typefaces and type scale, spacing, radii, components, and the do's and don'ts that make the style what it is.
How it works:
1. Find a site you like (press ⌘K or Ctrl+K and search by name, industry or mood, like "fintech" or "dark")
2. Click Copy DESIGN md
3. Paste it into your repo and tell Claude Code, Codex or Cursor to follow it
You can also browse by palette or typeface, and save styles for later. Everything is free, with no account and no paywall.
I'd love to know:
- Which sites should I add next?
- Did your agent's output actually look closer to the reference? Screenshots very welcome.
Thanks for checking it out! 🙏