aesthetic

SKILL.md

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.

Visuelle Designintelligenz und UI-Ästhetik. Integriert: Chrome-Devtools, Ai-Multimodal, Medienverarbeitung. Fähigkeiten: Designanalyse, visuelle Hierarchie, Farbtheorie, Typografie, Mikrointeraktionen, Animation, Designsysteme, Zugänglichkeit. Aktionen: Analysieren, Entwerfen, Erstellen, Erfassen, Bewerten, Implementieren der UI-Ästhetik. Schlüsselwörter: Dribbble, Behance, Mobbin, Designinspiration, visuelle Hierarchie, Farbpalette, Typografie, Abstand, Animation, Mikrointeraktion, Designsystem, Styleguide, Barrierefreiheit, WCAG, Kontrastverhältnis, Goldener Schnitt, Leerraum, visueller Rhythmus. Verwendung bei: Erstellen schöner Benutzeroberflächen, Analysieren von Designinspirationen, Implementieren visueller Hierarchien, Hinzufügen von Animationen/Mikrointeraktionen, Erstellen von Designsystemen, Bewerten der ästhetischen Qualität, Erfassen von Design-Screenshots. Quelle: samhvw8/dot-claude.

Original anzeigen