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

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

Share this skill

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.

View on GitHub
"Use hero-section-design to help me build a feature system"
"I need expert help with designs the first screen visitors see — the hero s..."