Проектирование hero-секции лендинга

★ 6.6 · marketing

hero is a Claude Code skill that helps design, optimize, or audit a hero section — the above-the-fold primary block of any web page. It structures the four core components (an H1 of 6–10 words, a supporting subheading, a single prominent CTA, and a visual), selects the right layout — Split 50/50, 75/25, 25/75 Signpost, Centered, or Full-width image — and validates the result against the 3-second rule: the hero must answer "What is this?", "Why should I care?", and "What do I do next?" before the user scrolls. The skill also covers mobile-first responsive stacking, LCP optimization, accessibility (contrast ≥4.5:1, touch targets ≥44×44 px, keyboard navigation, screen-reader markup), and SEO best practices for the H1 tag. Ideal for landing pages, product pages, and SaaS sites where above-the-fold clarity drives conversion.