UI Design & Aesthetics

Expert guidance for designing and implementing beautiful, high-performance user interfaces. This skill enforces distinctive aesthetics while ensuring technical excellence through progressive disclosure and dynamic loading.

Core Capabilities

• Aesthetic Direction: avoiding "AI slop" by enforcing distinctive typography, color, and depth.
• Performance Architecture: ensuring UI components load dynamically to minimize initial payload.
• Progressive Disclosure: designing interfaces that reveal complexity only when needed.
• API Contract Validation: ensuring frontend components align with backend data structures.

Usage

Use this skill when:

• Designing a new feature or application from scratch.
• Refactoring an existing UI to be more modern and performant.
• Implementing complex dashboards or data-heavy interfaces.

Quick Reference