Start
hero-section-design
hero-section-design - Skill Dossier

hero-section-design
Designs the first screen visitors see — the hero section. Layout patterns (split, centered, asymmetric, full-bleed), navbar design, headline typography, CTAs, background treatments (gradients, video, particles, 3D), scroll cues, and above-the-fold conversion strategy. Activate on 'hero section', 'landing page hero', 'above the fold', 'first impression', 'homepage header', 'navbar design', 'hero layout', 'landing page design'. NOT for full multi-page site architecture (use web-design-expert), not for SEO content strategy (use seo-visibility-expert).
Design & Creative
#hero-section#landing-page#web-design#cta#visual
Allowed Tools
ReadWriteEditGlobGrepWebSearchWebFetch
⚡
Coming in Spring 2026 Beta
WinDAGs will match this skill automatically. Then ask:
"Use hero-section-design to help me build..."
Request Early Access