frontend-aesthetics

What problem does it solve?

Achieving a consistent, visually appealing, and highly usable frontend requires adherence to design principles and best practices, which can be difficult to maintain across a team. This Skill provides comprehensive guidance on Quetrex's frontend aesthetic standards, ensuring a polished and cohesive user experience.

Core Features & Use Cases

• Design Principles & Guidelines: Ensures visual consistency, usability, and brand alignment across all UI elements.
• Motion & Animation Patterns: Guides on implementing smooth, engaging, and performant animations that enhance user interaction without distraction.
• Anti-Pattern Identification: Highlights common design mistakes to avoid, helping you create a polished and professional user interface.
• Use Case: When designing a new modal component, activate this Skill. It will guide you to review the motion patterns and ensure your animations are subtle, purposeful, and enhance the user experience without being distracting, leading to a more intuitive interface.

Quick Start

I am designing a new modal component. What are the key aesthetic principles and motion patterns I should follow for a smooth user experience?