frontend-design Claude Code Skill

This is a Claude skill that provides guidance for designing distinctive, intentional user interfaces instead of generic-looking ones. It frames the work as acting like a design studio lead who must avoid cliché visual patterns and make deliberate choices about color, typography, and layout tailored to a specific brief. It catalogs common tells of templated or AI-generated design (such as specific cream-and-terracotta palettes, uniform card shadows, or eyebrow labels) so they can be deliberately avoided unless requested. It also lays out a two-pass workflow of planning a design token system, reviewing that plan against the brief for genericness, then building and self-critiquing the result. Additional guidance covers restrained use of motion and writing interface copy from the end user's perspective.