Skip to content

Skill

Frontend Design

anthropics/skills

Deciding how a UI should look and feel before you build it: typography, colour, hierarchy, and escaping the default templated appearance.

Situations it fits

Your app works fine, but every screen looks like the same generic template every other AI app ships with. You want it to feel designed.
Frontend Design. "Doesn't read as templated defaults" is frontend-design's whole reason to exist: aesthetic direction, typography, intentional choices for UI you're building. canvas-design makes art files, not app screens.
You're prototyping a landing page and the founder keeps saying "make it feel less like a template, more like US."
Frontend Design. "Less like a template" is frontend-design's literal mission statement: intentional aesthetic direction for UI. canvas-design would give you a beautiful IMAGE of a landing page; you need design guidance for the real, buildable one.
Your settings screen works fine but looks like the same generic template every AI app ships. You want it to feel deliberately designed.
Frontend Design. All four are 'make it look good' skills, which is exactly why this is hard. frontend-design is the one aimed at UI you are building: aesthetic direction, typography, escaping templated defaults. canvas-design makes art files. web-artifacts-builder assembles artifacts. brand-guidelines applies Anthropic's own look, which is not yours to wear.
Design review feedback: 'the app is functional but has no point of view - pick a type system, a color story, and commit.' You're about to rebuild the UI shell.
Frontend Design. Choosing typography, color, and aesthetic commitment for UI being built is frontend-design verbatim. web-artifacts-builder tempts because you're 'building UI' - but it supplies structure and components, not taste. The feedback asked for a point of view.

8 scenarios in the bank answer to Frontend Design. The rest are in the game.

Skills it gets confused with

These share a family with Frontend Design, which is another way of saying they are the ones you might reach for by mistake.

Every comparison with Frontend Design

Knowing what Frontend Design does is the easy half. Telling it apart from the others under time pressure is the game.

Today's session

Frontend Design is part of anthropics/skills. Licence: Apache-2.0. The description above was written for this game, not taken from the skill.