● Claude Code skill · MIT licensed

Design taste for AI-generated UI.

Stop shipping the same indigo gradient every AI tool defaults to. Tastemaker locks a real palette, type, and motion system — then builds to it.

5
mood-matched palette + font presets
24
curated Google Font pairings
AA
WCAG contrast, verified not assumed
0
API keys for the asset pipeline
How it works

Idea → shipped, on-brand site. One pass.

01

Read the idea

References or the app concept itself.

02

Lock the style

Palette + type, contrast-checked.

03

Source real assets

Photos, illustrations, icons, logo.

04

Build the screens

Visual-first, motion wired in.

05

Remember taste

Keeps warm the next project.

Features

Verified, not vibes.

Each of these is something the skill actually does — checked with a script, shown here, not just claimed.

Grounded in real pixels

Reference images → deterministic color extraction. Not a text summary of "the vibe."

Aa

Auto-matched palette + type

Five mood presets, each a verified pairing chosen together. No "pick your colors" form.

Button9.1:1 ✓Button2.5:1 ✕

Contrast checked, not eyeballed

A WCAG script catches the button-label failure a swatch preview hides. Two presets failed it.

Real illustrations

Matches each concept to real illustrator-grade art, recolored to your palette — not LLM-drawn limbs.

16px

A real mark, not a letter in a box

Constructed geometric logo + full favicon set, recognizable down to 16px.

scroll

Motion by default

GSAP + ScrollTrigger reveals and a sequenced hero — wired in the build, not deferred.

Live demo

Same system, a completely different register.

This page is the Technical/builder preset. Below, the Warm/approachable preset builds a mindfulness app — verified palette, Zain/Nunito type, a constructed lotus mark.

Warm / approachable Zain + Nunito Contrast verified Constructed lotus mark
Open full demo →
Get started

Install once. Then just build.

tastemaker is an open-source Claude Code skill. Drop it in your skills folder — it activates on its own, no config, no API keys.

1

Get it from GitHub

It's free and MIT-licensed. Clone it straight into your skills folder — and while you're there, drop a ★ star, it genuinely helps.

2

That's the whole install

No build step, no keys, no dashboard. The skill just lives in ~/.claude/skills/. Restart Claude Code and it's picked up.

3

Just ask Claude to build

Say "build a landing page for a coffee subscription." tastemaker triggers automatically — locks a palette + type, sources assets, wires motion, and builds. You don't invoke anything.

terminal
# 1 · install into your Claude Code skills folder
$ git clone https://github.com/codeswithroh/tastemaker \
    ~/.claude/skills/tastemaker

# 2 · restart Claude Code, then just ask —
#     "build me a landing page for X"
# tastemaker handles the rest, automatically.

Also works with Cursor & Windsurf — drop the folder in their skills directory instead.

This page is the proof

Its palette is tastemaker's own Technical/builder preset, run through check_contrast.py before it shipped. Two of the five preset primaries actually failed that check on the first pass and were fixed in the repo — not hand-waved.

Button
9.12:1 PASS
white on #047857
Button
2.54:1 FAIL
the rejected first draft

Saved you from one more indigo gradient?

tastemaker is free and open source. A star on GitHub is the whole thanks it asks for — and it helps other builders find it.

★ Star tastemaker on GitHub