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

★ 6.6 · marketing

hero — это скилл для Claude Code, который помогает спроектировать, оптимизировать или проверить hero-секцию — главный блок страницы выше линии прокрутки. Скилл формирует структуру из четырёх обязательных элементов (H1 длиной 6–10 слов, подзаголовок, единственная CTA-кнопка, визуал), подбирает тип раскладки — Split 50/50, 75/25, 25/75, Centered или Full-width — и проверяет соответствие правилу 3 секунд: блок обязан ответить на вопросы «что это?», «зачем мне?» и «что делать?» до первого скролла. Учитывается мобильная адаптация, оптимизация LCP, доступность (контраст ≥4.5:1, зоны касания ≥44×44 px, поддержка screen reader) и SEO-требования к H1. Подходит для лендингов, продуктовых и SaaS-страниц, где первое впечатление напрямую влияет на конверсию.