vibe-landing-kit

<div align="center">

<img src="assets/hero.webp" alt="Кот-маскот Вайб-Маркетолога запускает A/B-тест: два варианта лендинга, трафик 50/50, заявки и реклама" width="100%">

# Vibe Landing Kit

**Гипотеза под ключ: одна фраза агенту — лендинг, A/B-тест, заявки в Telegram и реклама в Яндекс Директе.**
Атмосферный первый экран с картинкой или видео на всю ширину, персонаж с русской речью, заявки в Telegram,
A/B-тест на одном адресе, паспорт качества и чат-бот с ИИ. 31 дизайн-систем в духе мировых брендов, 26 анимаций, 12 навыков, семантика Вордстата.
Для Claude Code, ChatGPT, Claude и Cursor.

[![Версия](https://img.shields.io/badge/версия-1.5.0-6D28D9?style=flat-square)](CHANGELOG.md)
[![Лицензия](https://img.shields.io/badge/лицензия-MIT-8B5CF6?style=flat-square)](LICENSE)
[![Живых лендингов](https://img.shields.io/badge/живых_лендингов-7-A480EF?style=flat-square)](#живые-лендинги)
[![Дизайн-систем](https://img.shields.io/badge/дизайн--систем-31-A480EF?style=flat-square)](#дизайн-системы)
[![Навыков](https://img.shields.io/badge/навыков-12-A480EF?style=flat-square)](#библиотека-навыков)
[![Claude Code](https://img.shields.io/badge/Claude_Code-плагин-2B8A3E?style=flat-square)](#подключение)
[![MCP](https://img.shields.io/badge/MCP-ChatGPT_·_Claude_·_Cursor-1E6FD9?style=flat-square)](https://lk.vibemarketolog.ru/connect)

**Русский** · [English](README.en.md)

</div>

---

## Что нового

- **Правки из чата.** «Замени картинку в варианте Б», «поправь цену в обоих» — агент правит живую страницу кусками: картинки, видео, озвучку, тексты и блоки. Сломанная правка не сохранится, «верни как было» — шаг назад.
- **Консультант с ИИ под бренд.** Логотип в шапке, лицо консультанта, цвета стиля, напоминание у кнопки, быстрые вопросы, сбор контакта — одинаково в обоих вариантах.
- **31 дизайн-система.** Новые: «Вайб-Маркетолог · Русский код» (без госсимволики, по-русски) и стиль нашего партнёра eLama.
- **Честный A/B.** План теста закрепляется при запуске, победителя объявляет сервер только по плану; с Битрикс24 — продажи по вариантам.
- **Директ до показов.** Черновик → модерация с предохранителем → проверка в самом Директе → старт только после вашего «да».
- **Одной фразой.** Напишите агенту, что продаёте, что сравнить и сколько готовы потратить, — остальное он сделает сам. Дневной лимит подключения — 2 500 ₽, меняется на [lk.vibemarketolog.ru/agent](https://lk.vibemarketolog.ru/agent).

## Одна команда

```text
/plugin marketplace add vibemarketologru/vibe-landing-kit
/plugin install vibe-landing@vibe-landing-kit
/landing Пластиковые окна в Москве. Гипотеза: «цена из договора» против «от 9 900 ₽». Стиль швейцарский
```

Агент пройдёт весь путь сам и остановится перед каждым платным шагом, назвав цену:

```mermaid
flowchart LR
  Z[Гипотеза<br/>и выборка] --> A[Бриф]
  A --> B[Стиль из каталога]
  B --> C[Семантика Вордстата]
  C --> D[Медиа: кадр, персонаж, видео]
  D --> E[Вариант А:<br/>телефон, закон, чат-бот]
  E --> F[Вариант Б:<br/>одно отличие]
  F --> G[Паспорт качества]
  G --> H[Запуск: адрес, заявки,<br/>A/B-тест]
  H --> R[Реклама<br/>под варианты]
  R --> I[Итоги теста]
```

> [!TIP]
> Каталог работает и без подключения: каждая система лежит в репозитории как JSON, готовый `theme.css` для обеих тем и `DESIGN.md`. Передайте файл любому агенту — он сверстает страницу в этом стиле.

## Живые лендинги

6 самых частотных ниш по Яндекс Вордстату и наш собственный продукт. Каждый собран этим маршрутом: стиль из каталога, медиа на весь первый экран, два варианта с одним отличием, паспорт, запуск. Страницы работают: откройте вариант A и вариант Б, отправьте заявку — она придёт в кабинет (компании в примерах вымышленные, это отмечено на странице).

<table>
<tr><td width="58%" valign="top"><a href="https://lk.vibemarketolog.ru/w/vibe-pro"><img src="assets/gallery/vibe-pro-pair.webp" width="460" alt="Лендинг Вайб Профессиональный: маскот с телефоном на тёмном первом экране. Телефонная версия лендинга Вайб Профессиональный"></a></td><td valign="top"><b><a href="https://lk.vibemarketolog.ru/w/vibe-pro">Вайб Профессиональный — ИИ-агент для бизнеса</a></b><br><sub>Наш продукт: 44 990 ₽/мес, пробная ступень 14 990 ₽/мес · «ии агент» — 71 972 показов/мес · стиль <a href="design-systems/linear/DESIGN.md">Linear</a></sub><br><br><b>Гипотеза.</b> Главная кнопка «Обсудить задачи» против «Начать с пробного за 14 990 ₽».<br><b>Медиа.</b> Фоновая петля с маскотом (Gemini Omni, «вперёд и назад» без шва), ролик-обращение маскота с русской речью и субтитрами, логотип платформы. Заявки уходят в отдел продаж.<br><br><a href="https://lk.vibemarketolog.ru/w/vibe-pro?v=a">Вариант A</a> · <a href="https://lk.vibemarketolog.ru/w/vibe-pro?v=b">Вариант Б</a></td></tr>
<tr><td width="58%" valign="top"><a href="https://lk.vibemarketolog.ru/w/psiholog-tihaya-komnata"><img src="assets/gallery/psiholog-tihaya-komnata-pair.webp" width="460" alt="Лендинг психолога: светлый кабинет с креслами на первом экране. Лендинг психолога на телефоне"></a></td><td valign="top"><b><a href="https://lk.vibemarketolog.ru/w/psiholog-tihaya-komnata">Тихая комната — психологи</a></b><br><sub>Психолог онлайн и в кабинете · «психолог» — 3 042 109 показов/мес · стиль <a href="design-systems/soft/DESIGN.md">Мягкий</a></sub><br><br><b>Гипотеза.</b> Заголовок «Психолог рядом» против «Первая встреча — чтобы понять, с чего начать».<br><b>Медиа.</b> Тихая петля кабинета (Omni из кадра gpt-image-2.5), портреты специалистов, аудиоверсия страницы тёплым голосом (Gemini TTS).<br><br><a href="https://lk.vibemarketolog.ru/w/psiholog-tihaya-komnata?v=a">Вариант A</a> · <a href="https://lk.vibemarketolog.ru/w/psiholog-tihaya-komnata?v=b">Вариант Б</a></td></tr>
<tr><td width="58%" valign="top"><a href="https://lk.vibemarketolog.ru/w/okna-teplokadr"><img src="assets/gallery/okna-teplokadr-pair.webp" width="460" alt="Лендинг пластиковых окон: окно с осенними берёзами на первом экране. Лендинг пластиковых окон на телефоне"></a></td><td valign="top"><b><a href="https://lk.vibemarketolog.ru/w/okna-teplokadr">ТеплоКадр — пластиковые окна</a></b><br><sub>Окна и балконы, Москва и область · «пластиковые окна» — 1 623 402 показов/мес · стиль <a href="design-systems/swiss/DESIGN.md">Швейцарский</a></sub><br><br><b>Гипотеза.</b> Оффер «цена из договора, без доплат» против «от 9 900 ₽ под ключ, замер бесплатно».<br><b>Медиа.</b> Кадр первого экрана и вертикальный для телефона, разрез профиля, монтажник (gpt-image-2.5), аудиоверсия голосом мастера, чат-бот с ИИ, обученный FAQ страницы.<br><br><a href="https://lk.vibemarketolog.ru/w/okna-teplokadr?v=a">Вариант A</a> · <a href="https://lk.vibemarketolog.ru/w/okna-teplokadr?v=b">Вариант Б</a></td></tr>
<tr><td width="58%" valign="top"><a href="https://lk.vibemarketolog.ru/w/potolki-liniya"><img src="assets/gallery/potolki-liniya-pair.webp" width="460" alt="Лендинг натяжных потолков: вечерняя гостиная со световыми линиями. Лендинг натяжных потолков на телефоне"></a></td><td valign="top"><b><a href="https://lk.vibemarketolog.ru/w/potolki-liniya">Линия — натяжные потолки</a></b><br><sub>Натяжные потолки, Москва · «натяжные потолки» — 1 317 124 показов/мес · стиль <a href="design-systems/apple/DESIGN.md">Apple</a></sub><br><br><b>Гипотеза.</b> Оффер «за один день без пыли» против «от 590 ₽ за м² с монтажом».<br><b>Медиа.</b> Кадры гостиной со световыми линиями, теневого зазора и кухни (gpt-image-2.5), липкий кадр со сменой преимуществ в духе Apple.<br><br><a href="https://lk.vibemarketolog.ru/w/potolki-liniya?v=a">Вариант A</a> · <a href="https://lk.vibemarketolog.ru/w/potolki-liniya?v=b">Вариант Б</a></td></tr>
<tr><td width="58%" valign="top"><a href="https://lk.vibemarketolog.ru/w/avtoservis-grafit"><img src="assets/gallery/avtoservis-grafit-pair.webp" width="460" alt="Лендинг автосервиса: седан на подъёмнике в ночной мастерской. Лендинг автосервиса на телефоне"></a></td><td valign="top"><b><a href="https://lk.vibemarketolog.ru/w/avtoservis-grafit">Графит — автосервис</a></b><br><sub>Ремонт и ТО, Москва · «автосервис» — 1 151 351 показов/мес · стиль <a href="design-systems/bmw/DESIGN.md">BMW</a></sub><br><br><b>Гипотеза.</b> Оффер «цена не растёт после ремонта» против «ремонт за один день и видео с подъёмника».<br><b>Медиа.</b> Ночная мастерская оживлена Omni и замирает на последнем кадре; мастер Андрей — один персонаж на портрете и в ролике с русской речью (голос закреплён за персонажем).<br><br><a href="https://lk.vibemarketolog.ru/w/avtoservis-grafit?v=a">Вариант A</a> · <a href="https://lk.vibemarketolog.ru/w/avtoservis-grafit?v=b">Вариант Б</a></td></tr>
<tr><td width="58%" valign="top"><a href="https://lk.vibemarketolog.ru/w/salon-na-moike"><img src="assets/gallery/salon-na-moike-pair.webp" width="460" alt="Лендинг салона красоты: мастер и клиентка у круглого зеркала. Лендинг салона красоты на телефоне"></a></td><td valign="top"><b><a href="https://lk.vibemarketolog.ru/w/salon-na-moike">Ателье на Мойке — салон красоты</a></b><br><sub>Волосы, ногти, Санкт-Петербург · «салон красоты» — 1 139 180 показов/мес · стиль <a href="design-systems/editorial/DESIGN.md">Журнал</a></sub><br><br><b>Гипотеза.</b> Оффер «волосы, ногти и час тишины» против «колорист подбирает оттенок до окрашивания».<br><b>Медиа.</b> Журнальная обложка — ролик Omni из кадра с круглым зеркалом, фото-эссе (gpt-image-2.5).<br><br><a href="https://lk.vibemarketolog.ru/w/salon-na-moike?v=a">Вариант A</a> · <a href="https://lk.vibemarketolog.ru/w/salon-na-moike?v=b">Вариант Б</a></td></tr>
<tr><td width="58%" valign="top"><a href="https://lk.vibemarketolog.ru/w/cvety-pionovyi-dvor"><img src="assets/gallery/cvety-pionovyi-dvor-pair.webp" width="460" alt="Лендинг доставки цветов: девушка получает букет пионов у двери. Лендинг доставки цветов на телефоне"></a></td><td valign="top"><b><a href="https://lk.vibemarketolog.ru/w/cvety-pionovyi-dvor">Пионовый двор — доставка цветов</a></b><br><sub>Доставка цветов по Москве · «доставка цветов» — 891 858 показов/мес · стиль <a href="design-systems/air