What problem does it solve?
Designing a cohesive dark-mode interface often results in flat black layouts, generic SaaS cards, or overdone neon effects. This Skill provides a complete design-system direction that unifies near-black surfaces, subtle ordered-dither texture, and a restrained accent-colored laser motif across backgrounds, panels, controls, and motion.
Core Features & Use Cases
- Full design-system direction: Covers background, surfaces, panels, controls, spacing, borders, and motion so the entire UI feels unified around dark-mode depth and luminous accent restraint.
- Implementation guidance: Concrete rules for tonal separation, dither density, laser beam thickness versus halo width, WebGL/canvas layering with pointer-events isolation, and accent-color derivation.
- Reference demo included: Ships with a sandboxed Neuform demo (Cedar Lodges landing page) plus recreate and remix prompts for generating responsive standalone HTML pages.
- Use Case: Ask your agent to build a premium dark landing page or dashboard; the Skill ensures the result uses material dark surfaces, subtle grain, and a thin laser accent instead of flat black or heavy neon.
Quick Start
Use the dither-laser-dark-mode skill to create a responsive standalone HTML landing page with a near-black dithered background and a thin accent-colored laser atmosphere.
