Official · by Anthropic

Frontend design Claude skill

The Frontend design skill helps an AI assistant choose aesthetic direction and typography so that web page designs avoid a templated look.

  • Apache-2.0 licence
  • ★ 182,168 on GitHub (whole repository)
  • Verified against its source 19 Oct 2026

What the Frontend design skill does

The skill helps the assistant make aesthetic direction, typography, and design choices meant to avoid a generic, templated appearance. It covers guidance on type scale and on typographic treatments to steer clear of, and it starts with a short design plan built from the client's brief.

What it covers

  • Aesthetic direction for UI design
  • Typography choices and type scale
  • Avoiding generic AI-generated design tells

How to install it

In Claude Code

/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

This plugin also installs: algorithmic-art, brand-guidelines, canvas-design, doc-coauthoring, internal-comms, mcp-builder, skill-creator, slack-gif-creator, theme-factory, web-artifacts-builder, webapp-testing.

Steps change between versions. Check the official instructions before you install.