Aesthetic

Create aesthetically beautiful interfaces by following proven design principles and systematic workflows. ## When to Use This Skill Use when: - Building or designing user interfaces - Analyzing designs from inspiration websites (Dribbble, Mobbin, Behance) - Generating design images and evaluating aesthetic quality - Implementing visual hierarchy, typography, color theory - Adding micro-interactions and animations - Creating design documentation and style guides - Need guidance on accessibility and design systems ## Core Framework: Four-Stage Approach ### 1. BEAUTIFUL: Understanding Aesthetics Study existing designs, identify patterns, extract principles. AI lacks aesthetic sense—standards must come from analyzing high-quality examples and aligning with market tastes. **Reference**: [`references/design-principles.md`](references/design-principles.md) - Visual hierarchy, typography, color theory, white space principles. ### 2. RIGHT: Ensuring Functionality Beautiful designs lacking usability are worthless. Study design systems, component architecture, accessibility requirements. **Reference**: [`references/design-principles.md`](references/design-principles.md) - Design systems, component libraries, WCAG accessibility standards. ### 3. SATISFYING: Micro-Interactions Incorporate subtle animations with appropriate timing (150-300ms), easing curves (ease-out for entry, ease-in for exit), sequential delays. **Reference**: [`references/micro-interactions.md`](references/micro-interactions.md) - Duration guidelines, easing curves, performance optimization. ### 4. PEAK: Storytelling Through Design Elevate with narrative elements—parallax effects, particle systems, thematic consistency. Use restraint: "too much of anything isn't good."

インストール

購入後にターミナルで実行してください。

正規購入者にはインストールコマンド再実行で最新版が配信されます。

評価とレビュー