aesthetic

Create aesthetically beautiful interfaces by following proven design principles and systematic workflows. This skill combines design thinking, frontend implementation patterns, and comprehensive analysis techniques.

Design Thinking First: Before coding, understand context and commit to a BOLD aesthetic direction. Choose a clear conceptual direction and execute it with precision. Bold maximalism and refined minimalism both work - the key is intentionality, not intensity.

Evidence-Based Aesthetics: AI lacks aesthetic sense - standards must come from analyzing high-quality examples and aligning with market tastes. Study existing designs, identify patterns, extract principles.

Intelligenza del design visivo ed estetica dell'interfaccia utente. Integra: chrome-devtools, ai-multimodal, elaborazione multimediale. Capacità: analisi del design, gerarchia visiva, teoria del colore, tipografia, microinterazioni, animazione, sistemi di progettazione, accessibilità. Azioni: analizzare, progettare, creare, acquisire, valutare, implementare l'estetica dell'interfaccia utente. Parole chiave: Dribbble, Behance, Mobbin, ispirazione del design, gerarchia visiva, tavolozza dei colori, tipografia, spaziatura, animazione, microinterazione, sistema di progettazione, guida di stile, accessibilità, WCAG, rapporto di contrasto, sezione aurea, spazio bianco, ritmo visivo. Utilizzare quando: creare bellissime interfacce utente, analizzare l'ispirazione del design, implementare la gerarchia visiva, aggiungere animazioni/microinterazioni, creare sistemi di progettazione, valutare la qualità estetica, acquisire screenshot del design. Fonte: samhvw8/dot-claude.