anthropics/skills

frontend-design

Gives an agent a stronger visual point of view before it starts writing interface code.

View GitHub

Installs: 843,617
GitHub stars: 173,031

Install this skill

$ npx skills add https://github.com/anthropics/skills --skill frontend-design

Run install commands only after reviewing the repository, SKILL.md, scripts, requested permissions, and recent repository activity.

Skill overview

Frontend Design, in plain English

Gives an agent a stronger visual point of view before it starts writing interface code.

This skill is a strong fit for new landing pages, dashboards, prototypes, and redesigns where the brief needs a distinctive visual direction.Instead of explaining the workflow from scratch each time, you can install it once and give your AI assistant a consistent way to approach the job.

What it helps your AI do

Chooses an aesthetic direction that fits the product instead of defaulting to generic AI styling.
Treats typography, spacing, color, motion, and composition as one connected system.
Produces working frontend code while keeping visual choices intentional and specific.

Keep exploring

More frontend & design skills

View category

Vercel

vercel-react-best-practices

A prioritized React and Next.js performance checklist maintained by Vercel Engineering.

Read the review

Vercel

web-design-guidelines

Reviews interface code against a maintained set of usability, interaction, and accessibility checks.

Read the review

Remotion

remotion-best-practices

Routes an agent through the right Remotion guidance for building video in React.

Read the review