Frontend Design

Frontend Design is Anthropic's skill (publisher anthropics, Apache-2.0) for giving new or reshaped UI a deliberate, distinctive visual direction instead of templated defaults. It has the agent ground each design in the subject matter, audience and primary job, choose typefaces and a type scale on purpose, and treat structure such as borders, numbering and labels as information rather than decoration. It lists current tells of generated design to avoid unless the brief asks for them, such as a warm cream background with a terracotta accent, identical rounded SaaS cards and tracked-out all-caps eyebrow labels. The process is two passes: draft a compact token plan (4-6 named colors, type roles, an ASCII layout concept and principles), review it against the brief and revise anything generic, then build. It closes with restraint and self-critique, a quality floor (responsive, keyboard focus, reduced motion, accessible colour) and guidance on writing interface copy.

Use it when building landing pages, apps or components that should not look like every other generated page. The brief's own words always win, including when it asks for one of the listed looks.

It is mainly for coding agents such as Claude Code that write the front-end code; importing it into BusinessMCP is possible but adds little to business-data work.