Frontend Design Skill

npx degit anthropics/skills/skills/frontend-design ~/.claude/skills/frontend-design

The frontend-design skill is the antidote to generic AI-looking websites. It pulls from a curated set of design references and builds interfaces with opinionated typography, restrained color, and intentional spacing.

What it’s good at

• Landing pages for products that need a non-generic identity
• Component design with consistent spacing and rhythm
• Web heroes that look like a designer made them

Composes with

• polish for last-mile alignment fixes
• typeset to dial in the type scale
• colorize if your output is too monochromatic
• arrange to fix spacing rhythm
• animate to add motion thoughtfully

The full design suite is itself worth a feature — see the related design system tour.

Use frontend-design to build a landing page for a calm productivity app.
Editorial typography, off-white palette, a single accent color, generous
whitespace. No glassmorphism, no rainbow gradients.