Анимированный жидкий фон для Hero-секции

★ 7.2 · design

frame-liquid-bg-hero is a Claude Code skill that produces a single-file HTML hero frame combining an animated liquid background with a bold overlaid tagline. Three background implementations are available: multi-layer CSS radial-gradient breathing animation (default), a Canvas Perlin-noise metaballs renderer, or a plain WebGL fragment shader using domain-warp noise. The text layer centers a large headline at 5–7 vw with mix-blend-mode: difference for legibility across all fluid colors, plus a subtitle and optional CTA chip. Designed for video intros, SaaS landing heroes, and posters, the skill outputs at 1920×1080 or 1080×1920, offers four curated palettes (Solar Peach, Ocean Aqua, Aurora Violet, Forest Mint), uses no external images, and respects prefers-reduced-motion.