# Anthropic frontend design skill

Guidance for intentional interface design\.

Canonical: https://claudelist.com/listings/anthropic-frontend-design-skill

Category: Skills

Source: official · Anthropic

Source checked: 2026-10-14

Website: https://github.com/anthropics/skills/tree/main/skills/frontend-design

This skill helps Claude Code choose visual direction, typography and implementation details for distinctive interfaces.

## Install or set up

1. Review this skill’s `SKILL.md` and any prerequisites at the source.
2. From the project where you use Claude Code, run the command below. It installs only this skill into project scope; add `-g` for your personal scope.
3. Restart Claude Code and invoke `/frontend-design` or ask Claude to use the skill. If it does not appear, check `.claude/skills/` and the source’s setup notes.

```sh
npx skills add https://github.com/anthropics/skills/tree/main/skills/frontend-design --agent claude-code
```

Installation guide: https://github.com/anthropics/skills/tree/main/skills/frontend-design