Skill

Frontend Design

Skill

Taste, tokens, and a layout the model will not genericize.

Official Anthropic skill for UI work: hierarchy, spacing, and the anti-slop rules so a generated page does not look like every other one.

spec·Apache-2.0·Updated this quarter·github.com/anthropics/skills

Claude CodeCursorDesktop
ScannedActive
npx skills add anthropics/skills

By Anthropic

Input

A surface: landing, dashboard, form, overlay.

Output

A layout with type, space, and one accent — not a template.

frontend-design.skill/invoke

You say

Design the settings page. No purple. No cards-in-cards.

It returns

A single column, a hairline table, and type that already has a scale.

Prompt notebook

Prompts this skill is built for.

  • You say

    This hero looks like every SaaS site.

    It returns

    Kill the gradient. One sentence. A real product shot.

What it teaches

  1. 01Hierarchy
  2. 02Tokens
  3. 03Anti-slop