frontend-aesthetics

Overview

This skill provides specific design principles and patterns for creating distinctive, polished frontend interfaces that avoid "AI slop" - the generic, obviously-generated aesthetic that results from default AI model choices. Based on official research from "Improving frontend design through Skills" by Anthropic.

Skills Methodology: This follows Anthropic's skills approach - reusable markdown documents that provide altitude-appropriate design guidance without permanent context overhead. Skills make effective design prompts contextual and reusable across projects.

Core Problem: Distributional Convergence: Language models naturally sample from the high-probability center of their training data distribution. This causes them to default to statistically common "safe choices" (Inter fonts, purple gradients, minimal animations, standard grid layouts) because these patterns dominate web design datasets. The result is bland, forgettable interfaces that lack intentional design decisions.

Altitude-Appropriate Guidance: This skill avoids both extremes:

• Too Specific: Prescribing exact hex codes or pixel values limits creativity
• Too Vague: Assuming models know design principles leads to generic defaults

Instead, it provides contextual principles with concrete examples that guide toward distinctive choices while preserving flexibility.

The "AI Slop" Problem

What Models Default To (Avoid These)

Generic Fonts: