What problem does it solve?
Designing a cohesive dark, premium interface that combines an atmospheric blue laser background with frosted glass UI components is difficult to keep consistent across navigation, hero, cards, and dashboard modules. This Skill provides a unified design-system direction so the beam, fog, glass shells, and dashboard framing all support one visual language.
Core Features & Use Cases
- Unified visual system: Defines background atmosphere, floating pill navigation, border-gradient glass cards, and modular dashboard sections that share the same dark glass surface logic.
- Implementation guidance: Covers fixed canvas background layers, beam thickness versus glow separation, backdrop blur, restrained blue accent usage, and calm premium motion patterns.
- Tuning and guardrails: Offers knobs for laser intensity, blue mood, glass depth, and layout density, plus explicit anti-patterns to avoid.
- Use Case: Build a SaaS landing page or analytics dashboard where a thin animated blue laser sits behind frosted metric cards, a sidebar, and a data table, all sharing one polished dark aesthetic.
Quick Start
Use the blue-laser-clean-glass-layout skill to build a dark glass dashboard page with a thin blue laser background, floating pill navigation, and frosted metric cards.
