Official Anthropic skill · 789K installs

Why does every AI screen look the same?

Inter. Rounded cards. Purple gradients — you’ve seen that page. Anthropic’s official skill, 789K installs, makes the model pick an aesthetic direction before it writes a line of code. We ran the same prompt both ways.

Bean-subscription landing without the skill — purple gradients and emoji cards — We built both. Left is the AI default — purple gradient, emoji cards, a layout you’ve already scrolled past. Right is the skill’s original rules, applied as written. It forces principles like **“steal the design from the world of the subject”** (bean subscription → a roaster’s cupping log) and **“no generic AI default look”** before any code gets written.

Bean-subscription landing with the skill — a roaster’s cupping-log concept — We built both. Left is the AI default — purple gradient, emoji cards, a layout you’ve already scrolled past. Right is the skill’s original rules, applied as written. It forces principles like **“steal the design from the world of the subject”** (bean subscription → a roaster’s cupping log) and **“no generic AI default look”** before any code gets written.

Install is one paste

No terminal. No command-line homework. Paste the prompt below into Claude Code, Cursor, or whatever AI chat you use, and it’ll find the install path that fits your machine.

1
Paste this into your AI, word for word
Install this skill for me. It’s the frontend-design skill from the https://github.com/anthropics/skills repo.
If the terminal is home for you, this is the install command.
npx skills add anthropics/skills@frontend-design
2
Once it’s in, ask this
Show me how to use the frontend-design skill I just installed, in plain language. Then pick one thing I can try right now in my current setup and do it.

If the result feels mid, give it a direction in one sentence — “ink black with a big serif,” “make it editorial” — and run it again. “Make it pretty” is a spell that snaps back to average.

In three lines

Use it when

Every screen the AI makes comes back Inter, purple, rounded cards. Landings, marketing pages, portfolios — anywhere first impression is the job — you’ll feel it more.

What’s inside

A brief that starts with “act like the design lead of a small studio.” It names three default AI looks and bans them, then makes the model plan color, type, and a signature move before it codes.

What it won’t do

On a dense admin dashboard, the lift is smaller. It also doesn’t know your brand, so one sentence of direction makes the result a lot better.

What people actually said

We didn’t cherry-pick the nice ones. Two that helped, two that stung — moved over as written.

The helpful side

“When Claude builds a website or a slide deck on its own, it often looks AI-generated. Install this skill, and the output comes out looking a lot less “an AI made this.”” artificialcorner.com
— Frank Andrade, reviewer of 33 skills
“Without the Skill: standard admin dashboard. With it: bold typography, cohesive dark theme, purposeful motion. Same prompt.” tailkits.com
— Tailkits, frontend blog

The disappointing side

“The official frontend-design skill was a bit of a letdown for me. It didn’t hit the spot I was hoping for.” reddit.com
— Original poster, r/ClaudeCode
“This skill is tuned for marketing design. If you’re building app UI, pair it with something else.” reddit.com
— Comment on the same thread

Members only

← AI Skills