aesthetic

Malicious tool definition detected

Tool: SKILL.md Description: --- name: aesthetic description: 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 genera

Malicious tool definition detected

Tool: assets/design-guideline-template.md Description: # Design Guidelines: [Project Name] _Generated: [Date]_ ## Design Style [Specify: Minimalism, Glassmorphism, Neo-brutalism, Modern, Memphis, Flat Design, etc.] ## Color Palette ### Primary Colors - **Primary**: `#000000` - [Description/Usage] - **Secondary**: `#000000` - [Description/Usage] ### Accent Colors - **Accent**: `#000000` - [Description/Usage] - **Success**: `#000000` - [Description/Usage] - **Warning**: `#000000` - [Description/Us

Malicious tool definition detected

Tool: assets/design-story-template.md Description: # Design Story: [Project Name] _Generated: [Date]_ ## Project Context ### Purpose [What problem does this design solve?] ### Target Audience [Who is this design for?] ### Key Objectives 1.

Malicious tool definition detected

Tool: references/design-principles.md Description: # Design Principles: Beautiful & Right ## BEAUTIFUL: Understanding Aesthetic Principles ### Study Process Analyze high-quality designs on Dribbble, Mobbin, Behance.

Malicious tool definition detected

Tool: references/design-resources.md Description: # Design Resources & Tools ## Inspiration Platforms ### Design Galleries - **Dribbble**: High-quality UI/UX designs, trending styles - **Mobbin**: Mobile app design patterns, real-world examples - **Behance**: Creative portfolios, comprehensive projects - **Awwwards**: Award-winning web experiences - **21st.dev**: Component animations, micro-interactions - **CSS Design Awards**: Cutting-edge web designs ### Design Systems Search pattern: "Figma D

Malicious tool definition detected

Tool: references/micro-interactions.md Description: # Micro-Interactions: Satisfying Experience ## SATISFYING: Adding Micro-Interactions ### Duration Guidelines - **General micro-interactions**: 150-300ms (avoid interrupting flow) - **Button presses**: Start within 16ms of click - **Standard animations**: 200-500ms - **UI motions**: 0.5-2s typically - **Rule**: A tenth of a second makes big difference; half second wrong feels jarring ### Basic Effects - **Fade**: Smooth opacity transitions - **S

Malicious tool definition detected

Tool: references/storytelling-design.md Description: # Storytelling Design: Peak Experience ## PEAK: Storytelling Through Design ### Narrative Elements Elevate designs by incorporating story-driven interactions: - **Parallax effects**: Different scroll speeds create depth - **Particle systems**: Dynamic, living background elements - **Thematic consistency**: Every element reinforces the narrative - **Progressive disclosure**: Reveal information as user explores ### Key Principle "Too much of any