atmosphere-backgroundlisted

# Atmosphere Background Skill ## Use When - Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom. ## Workflow ## Scope - Apply this only to the immersive background layer, not to the full page layout, typography, or unrelated WebGL/particle systems. - Use it when the design needs a moody atmospheric backdrop with fluid light curtains or folds instead of geometric grids, blobs, or literal illustrations. ## Visual target - Create a deep near-black background with soft vertical light folds drifting across the frame like illuminated fabric, fog sheets, or light curtains. - Build the glow from multiple overlapping vertical bands so the background feels layered and spatial rather than flat. - Let brightness accumulate more strongly toward one area, especially the lower right or lower edge, so the scene has a cinematic focal glow instead of uniform brightness. - Keep the palette restrained: dark navy or charcoal base, then derive the glow from the design's primary color or strongest accent color. If no clear brand color exists, a cool cyan-blue atmosphere is acceptable. ## Implementation guidance - Prefer canvas or shader-driven rendering for this effect instead of static CSS gradients when motion is required. - Use multiple tall overlapping bands or folds with slow sine-wave drift so the structure reads as moving atmospheric light rather than hard columns. - Use screen or additive-s