Skip to main content
Open Skills
anthropics-frontend-designby AnthropicDesignGitHub stars: 153k

Frontend Design skill: what it does and how to install it

Guides distinctive web interface design with a brief-led visual direction, deliberate typography and layout, and clear interface copy.

Summary generated from the skill's documentation.

Install

$ npx skills add anthropics/claude-code --skill frontend-design

Run it in a terminal. If your agent is already running, start a new session so it picks the skill up.

About this skill

What it does. Turns a design brief into a compact system for colour, type, layout and visual principles, then checks that the choices fit the subject rather than defaulting to templates. Guides implementation and critique, including responsive behaviour, accessibility, motion and concise interface copy.

When to use it. When building a new interface or reshaping an existing one, especially when the design needs a specific visual identity. Follow the brief where it already sets a direction.

History

Repo stars

153k+1k since 19 Oct 2026

Stars are counted for the whole repository, which holds 9 skills.

Show as a table
Repo stars by day
DateRepo stars
26 Oct 2026153,421
25 Oct 2026153,330
24 Oct 2026153,219
23 Oct 2026152,964
22 Oct 2026152,829
21 Oct 2026152,664
20 Oct 2026152,872
19 Oct 2026152,414

Installs

63.8k

Tracking since . A chart appears once there are 7 days of data.

Installs via skills.sh

Similar skills