# landing

Собирает премиальный лендинг в одном самодостаточном HTML-файле: GSAP-анимации, параллакс за курсором, три секции.

- плагин · `type=plugin` · Claude Code · ★ 28733
- Автор: Alireza Rezvani
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/alirezarezvani/claude-skills/tree/HEAD/marketing/landing
- Обновлён: 2026-10-23
- HTML: https://affpapa.org/nevibecode/plugins/landing

## Что делает

Плагин задаёт 3–4 вопроса по очереди, и без ответов дальше не идёт. Сначала название продукта и питч в одно-два предложения, потом аудитория (техническая, бизнес, потребители, внутренняя), затем тон и цвета бренда. По умолчанию тёмно-синий с бирюзовым; можно дать свой primary HEX, акцент и фон — если указать только primary, остальное выводится алгоритмически.

На выходе один `.html` файл: hero на 100vh с анимацией входа по таймлайну GSAP и слоями глубины за заголовком, блок фич сеткой в три колонки (две на 900px, одна на 580px) с SVG-иконками и появлением по скроллу, финальный призыв с радиальным свечением за кнопкой. CSS и JS внутри файла, снаружи только Google Fonts и GSAP через CDN. Путь — `${OUTPUT_DIR}/<product-name-kebab>.html`, по умолчанию `./landing-pages/`.

Внутри есть три скрипта на стандартной библиотеке Python: `brand_palette_validator.py` проверяет HEX и контраст по WCAG, `kebab_slug_generator.py` делает слаг из названия и ловит дубли, `html_validator.py` проверяет структуру после генерации. Это не то же самое, что `product-team/skills/landing-page-generator/`: тот отдаёт Next.js TSX под конверсию и лидогенерацию, а этот — под визуальный одностраничник. Если цель — чтобы посетитель оставил заявку, берите второй; здесь страница сама должна впечатлять.

## Установка

### Claude Code (родная платформа)

**Через маркетплейс плагинов**
В чате агента (не в терминале):
```text
/plugin marketplace add alirezarezvani/claude-skills
```
В чате агента (не в терминале):
```text
/plugin install landing@claude-code-skills
```

## Когда брать
- собрать лендинг под запуск продукта одним файлом
- задать фирменные цвета и проверить их на контраст до генерации
- получить анимации входа и появления блоков по скроллу без ручной вёрстки
- сделать слаг из названия продукта и не наткнуться на дубль
- проверить структуру готового HTML после генерации

## Примеры запросов агенту
- /cs-landing
- создай лендинг для Quill AI, питч: помощник для написания текстов
- собери одностраничник с primary #FF6B35 и акцентом #2EC4B6

## Похожие
- [landing-page](https://affpapa.org/nevibecode/skills/jezweb-landing-page.md) — скилл · 1500 установок
- [landing-page-design](https://affpapa.org/nevibecode/skills/omer-metin-landing-page-design.md) — скилл · 447 установок
- [landing-page-copywriter](https://affpapa.org/nevibecode/skills/landing-page-copywriter.md) — скилл · 6500 установок
- [landing-optimizer](https://affpapa.org/nevibecode/skills/landing-optimizer.md) — скилл · 1100 установок
- [landing-experience-checker](https://affpapa.org/nevibecode/skills/landing-experience-checker.md) — скилл · 1000 установок
- [landing-page-conversion-audit](https://affpapa.org/nevibecode/skills/landing-page-conversion-audit.md) — скилл · 28 установок

Из того же набора: [alirezarezvani/claude-skills](https://affpapa.org/nevibecode/by/alirezarezvani/claude-skills.md) — 394 карточки

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md