visual-theme

Stop letting AI pick your theme.
Streetwear 90s

How it works

90s streetwear photo
Giant Shoes
West Philly · Est. 1990
NikeFILATimberlandReebok
Buy One Get One — Half Price
95
Air Max 95
$160 Classic
6"
Timberland
$198 Hot
FD
FILA Disruptor
$65 Sale
Q
Reebok Question
$140 New
1

Find your inspiration

A photo, moodboard, advertisement, storefront — anything with a strong visual identity you love.

2

Translate the visual language

Use the Claude Code skill to analyze the image. It translates colors, typography, spacing, shadows, and mood into a theme JSON — all in oklch.

3

Preview & refine

See your theme applied to real UI components instantly. Tweak until it captures the feeling of your reference.

4

Share with the community

Submit a PR with your theme JSON. It gets added to the gallery for everyone to discover and use.

Why this matters

AI picks the same safe colors and fonts for everyone. Your product deserves a visual identity that's yours — inspired by things you've actually seen, not what an algorithm thinks is correct.

Contribute Yours