frontend-design

frontend-design is a Skill in Anthropic's official skills repository that guides an AI through the visual design of websites and app interfaces. It starts from the subject: first understand the product's industry and how that industry talks, then choose color, type, layout and design principles, and finally check the plan against the brief to make sure it fits this particular project. The specifics include a palette of four to six named hex values, one or two type families, lines under 80 characters, and motion used sparingly and only to draw attention. It lists five common AI-default looks to avoid, such as cream backgrounds with terracotta accents and generic SaaS card layouts. Interface copy has rules too: use active voice, label buttons with specific actions like "Save changes," and keep the same name for an action throughout.

Who it's for:designers and independent developers who build with AI and care about visual quality.

Before you start: written for Claude. Licensed under Apache 2.0.

Based on the project's public documentation. Not tested by AI Inspiration World.