Авторский визуальный дизайн фронтенда

★ 8.6 · design

frontend-design is a Claude Code skill that guides the creation of distinctive, intentional visual design when building a new UI or restyling an existing one. It frames the task as a design-lead role at a boutique studio: make deliberate, opinionated choices about palette (4–6 named hex values), typography (display, body, and utility faces with a clear type scale), layout, and one justified aesthetic risk specific to the brief. A built-in two-pass process — first a compact design plan with a signature element, then a self-critique against the brief before any code is written — actively counters the cluster of templated looks that AI-generated design defaults to. Practical guidance covers hero structure, motion, structural devices, CSS specificity pitfalls, and copy. Useful for developers and designers who need a custom, non-generic frontend that genuinely reflects its subject matter rather than recycling common UI patterns.