Generates polished, accessible UI menus and overlays with built-in animations and UX best practices.
The Lumina Interactive Menu skill streamlines the creation of professional-grade frontend components such as dropdowns, context menus, and overlays. It ensures every interactive element adheres to high-quality UX standards by automatically implementing fade-in/out animations, 'click-outside' detection, Escape-key dismissal, and viewport safety logic. By following the standardized Lumina design system, this skill helps developers maintain visual consistency and accessibility across complex web applications with minimal effort.
Key Features
01Built-in accessibility with Escape-key and click-outside dismissal
02Viewport-aware positioning to prevent menus from clipping at screen edges
03Reduced-motion support for inclusive user experiences
04Pre-configured Lumina style guide integration for consistent branding
050 GitHub stars
06Animated transitions for smooth open and close interactions
Use Cases
01Developing interactive overlays that require precise positioning and focus management
02Implementing right-click context menus with custom animations
03Building accessible navigation dropdowns for complex web dashboards
