aesthetic

7.2

302

Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.

design

7.2

Rating

Installs

Frontend Development

Quick Review

Excellent skill for aesthetic design workflows. The description is comprehensive and clearly signals when to invoke the skill. Task knowledge is strong with concrete workflows for capturing inspiration and iterative design generation, plus well-organized references for principles, micro-interactions, and storytelling. Structure is clear with a logical four-stage framework (BEAUTIFUL/RIGHT/SATISFYING/PEAK) and distinct workflows. The skill provides meaningful value by systematizing design analysis and iteration that would otherwise consume many tokens for a CLI agent to reason through. Minor improvement areas: novelty score reflects that some aspects (analyzing screenshots, generating images) leverage existing skills (ai-multimodal, chrome-devtools), though the systematic framework and quality evaluation loop add substantial value. Overall, this is a well-crafted skill that meaningfully reduces cognitive load for aesthetic design tasks.