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).
Uncategorized
Allowed Tools
ReadWriteEditGlobGrepWebSearchWebFetch
Skills use the open SKILL.md standard — the same file works across all platforms.
Install all 544 skills as a plugin
claude plugin marketplace add curiositech/windags-skills
claude plugin install windags-skills
Claude activates hero-section-design automatically when your task matches its description.
