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.

Inteligencia de diseño visual y estética de UI. Integra: chrome-devtools, ai-multimodal, procesamiento de medios. Capacidades: análisis de diseño, jerarquía visual, teoría del color, tipografía, microinteracciones, animación, sistemas de diseño, accesibilidad. Acciones: analizar, diseñar, crear, capturar, evaluar, implementar estética UI. Palabras clave: Dribbble, Behance, Mobbin, inspiración de diseño, jerarquía visual, paleta de colores, tipografía, espaciado, animación, microinteracción, sistema de diseño, guía de estilo, accesibilidad, WCAG, relación de contraste, proporción áurea, espacios en blanco, ritmo visual. Úselo cuando: cree hermosas interfaces de usuario, analice la inspiración del diseño, implemente una jerarquía visual, agregue animaciones/microinteracciones, cree sistemas de diseño, evalúe la calidad estética, capture capturas de pantalla del diseño. Fuente: samhvw8/dot-claude.

Ver original