Vibe Marketolog — landing A/B tests and Yandex Direct
リモートVibe Marketolog — landing A/B tests and Yandex Direct について
Vibe Landing Kitは、Claude Code、ChatGPT、Claude、Cursorを使う企業向けのランディングページと広告のワークフローです。A/Bテスト用ページの作成、リード獲得や広告配信の連携に加え、調査からデザイン、確認、修正までエージェントを支援します。
主な機能
- 01ランディングページ作成とチャット修正
- 02計画に基づくA/Bテスト結果の判定
- 03Yandex Wordstatによるキーワード調査
- 04画面サイズ別の品質チェック
- 05リードのTelegram・メール送信
- 06Yandex Direct広告の準備と配信
活用シーン
- 01同じURLで2種類の訴求を比較
- 02デザインシステムのカタログでページを作成
- 03公開前にモバイルレイアウトを確認
- 04リードを送りテスト案ごとに結果を追跡
MCP 対応
MCPサーバーは、ワークフローやブリーフを取得する`landing_guide`などのスキルをChatGPT、Claude.ai、Cursorに提供します。ページのチェック、公開、編集、テスト状況確認のツールも公開します。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://lk.vibemarketolog.ru/mcpclaude mcp add --transport http ru-vibemarketolog-vibemarketolog https://lk.vibemarketolog.ru/mcp{"mcpServers":{"ru-vibemarketolog-vibemarketolog":{"type":"http","url":"https://lk.vibemarketolog.ru/mcp"}}}Cursor で開く{"servers":{"ru-vibemarketolog-vibemarketolog":{"type":"http","url":"https://lk.vibemarketolog.ru/mcp"}}}VS Code で開く{"mcpServers":{"ru-vibemarketolog-vibemarketolog":{"type":"http","url":"https://lk.vibemarketolog.ru/mcp"}}}{"mcpServers":{"ru-vibemarketolog-vibemarketolog":{"serverUrl":"https://lk.vibemarketolog.ru/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
詳細
Vibe Landing Kit
仮説をすぐに形に:エージェントにひと言伝えるだけで、ランディングページ、A/Bテスト、Telegramへの問い合わせ、Yandex Direct広告まで。 全幅の画像または動画を使った印象的なファーストビュー、ロシア語で話すキャラクター、Telegramへの問い合わせ、 1つのURLでのA/Bテスト、品質レポート、AIチャットボット。世界的ブランドをイメージした31のデザインシステム、26のアニメーション、12のスキル、Wordstatのキーワードデータ。 Claude Code、ChatGPT、Claude、Cursor向けです。
ロシア語 · English
新機能
- チャットからの編集。 「バリエーションBの画像を差し替えて」「両方の価格を直して」といった指示で、エージェントが公開中のページの一部を編集します。画像、動画、音声、テキスト、ブロックに対応。問題のある編集は保存されず、「元に戻して」で1つ前の状態に戻せます。
- ブランドに合わせたAIコンサルタント。 ヘッダーのロゴ、コンサルタントの顔、スタイルの色、ボタン付近のリマインダー、よくある質問、連絡先の収集を、両方のバリエーションで統一できます。
- 31のデザインシステム。 新たに「Vibe-Маркетолог · Русский код」(国家のシンボルを使わず、ロシアらしいスタイル)と、パートナーのeLamaのスタイルが加わりました。
- 公正なA/Bテスト。 テスト計画は開始時に固定され、勝者は計画に基づいてサーバーだけが判定します。Bitrix24を使えば、バリエーションごとの販売状況も確認できます。
- 広告表示前にDirectを確認。 下書き → セーフガード付きの審査 → Direct上での確認 → お客様の「はい」の後にのみ開始。
- ひと言で完了。 何を販売するのか、何を比較するのか、いくら使う予定かをエージェントに伝えるだけで、残りはエージェントが実行します。連携の日額上限は2 500 ₽で、lk.vibemarketolog.ru/agentで変更できます。
1つのコマンド
/plugin marketplace add vibemarketologru/vibe-landing-kit
/plugin install vibe-landing@vibe-landing-kit
/landing Пластиковые окна в Москве. Гипотеза: «цена из договора» против «от 9 900 ₽». Стиль швейцарский
エージェントはすべての手順を自動で進め、有料の手順の前には価格を示して停止します。
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[Итоги теста]
ヒント
カタログは連携なしでも利用できます。各システムはリポジトリ内に、JSON、両方のテーマに対応した完成済みの
theme.css、DESIGN.mdとして保存されています。ファイルを任意のエージェントに渡せば、そのスタイルでページを作成できます。
公開中のランディングページ
Yandex Wordstatで検索頻度が最も高い6つの業種と、自社製品を掲載しています。すべて同じ手順で作成されています。カタログからスタイルを選び、ファーストビュー全体にメディアを配置し、1点だけ異なる2つのバリエーションを用意して、品質レポートを作成し、公開します。ページは実際に動作します。バリエーションAとバリエーションBを開いて問い合わせを送信すると、管理画面に届きます(例に登場する会社は架空であることがページに記載されています)。
![]() | Вайб Профессиональный — ИИ-агент для бизнеса Наш продукт: 44 990 ₽/мес, пробная ступень 14 990 ₽/мес · «ии агент» — 71 972 показов/мес · стиль Linear Гипотеза. Главная кнопка «Обсудить задачи» против «Начать с пробного за 14 990 ₽». Медиа. Фоновая петля с маскотом (Gemini Omni, «вперёд и назад» без шва), ролик-обращение маскота с русской речью и субтитрами, логотип платформы. Заявки уходят в отдел продаж. Вариант A · Вариант Б |
![]() | Тихая комната — психологи Психолог онлайн и в кабинете · «психолог» — 3 042 109 показов/мес · стиль Мягкий Гипотеза. Заголовок «Психолог рядом» против «Первая встреча — чтобы понять, с чего начать». Медиа. Тихая петля кабинета (Omni из кадра gpt-image-2.5), портреты специалистов, аудиоверсия страницы тёплым голосом (Gemini TTS). Вариант A · Вариант Б |
![]() | ТеплоКадр — пластиковые окна Окна и балконы, Москва и область · «пластиковые окна» — 1 623 402 показов/мес · стиль Швейцарский Гипотеза. Оффер «цена из договора, без доплат» против «от 9 900 ₽ под ключ, замер бесплатно». Медиа. Кадр первого экрана и вертикальный для телефона, разрез профиля, монтажник (gpt-image-2.5), аудиоверсия голосом мастера, чат-бот с ИИ, обученный FAQ страницы. Вариант A · Вариант Б |
![]() | Линия — натяжные потолки Натяжные потолки, Москва · «натяжные потолки» — 1 317 124 показов/мес · стиль Apple Гипотеза. Оффер «за один день без пыли» против «от 590 ₽ за м² с монтажом». Медиа. Кадры гостиной со световыми линиями, теневого зазора и кухни (gpt-image-2.5), липкий кадр со сменой преимуществ в духе Apple. Вариант A · Вариант Б |
![]() | Графит — автосервис Ремонт и ТО, Москва · «автосервис» — 1 151 351 показов/мес · стиль BMW Гипотеза. Оффер «цена не растёт после ремонта» против «ремонт за один день и видео с подъёмника». Медиа. Ночная мастерская оживлена Omni и замирает на последнем кадре; мастер Андрей — один персонаж на портрете и в ролике с русской речью (голос закреплён за персонажем). Вариант A · Вариант Б |
![]() | Ателье на Мойке — салон красоты Волосы, ногти, Санкт-Петербург · «салон красоты» — 1 139 180 показов/мес · стиль Журнал Гипотеза. Оффер «волосы, ногти и час тишины» против «колорист подбирает оттенок до окрашивания». Медиа. Журнальная обложка — ролик Omni из кадра с круглым зеркалом, фото-эссе (gpt-image-2.5). Вариант A · Вариант Б |
![]() | Пионовый двор — доставка цветов Доставка цветов по Москве · «доставка цветов» — 891 858 показов/мес · стиль Airbnb Гипотеза. Главная кнопка «Выбрать букет» против «Получить фото букета до отправки». Медиа. Документальный кадр доставки и вертикальный для телефона, четыре букета для карточек каталога (gpt-image-2.5). Вариант A · Вариант Б |
Медиа на первом экране
Атмосферу продаёт первый кадр, а не абзац текста. Навык landing-media ведёт агента по конвейеру: сначала выверенный кадр gpt-image-2.5 (с отдельным вертикальным для телефона), потом его оживление в Gemini Omni — постер и первый кадр ролика совпадают, вспышки при загрузке нет. Персонаж или маскот заводится один раз и говорит одним голосом по-русски во всех роликах лендинга. Для долгих решений — аудиоверсия страницы тем же голосом. | ![]() |
| Что | Как | Цена |
|---|---|---|
| Кадр первого экрана и секций | gpt-image-2.5-flare, язык документальной съёмки, место под заголовок задаётся композицией | 16 ₽ |
| Логотип или маскот в кадре | gpt-image-2.5-flare-edit с вашим файлом — логотип не перерисовывается | 22 ₽ |
| Персонаж на все ролики | голос-пресет gemini-omni-audio → персонаж gemini-omni-character по портрету | 39 + 49 ₽ |
| Видео | gemini-omni-video 720p, до 10 с: фон-петля из кадра или обращение персонажа с точной репликой | 149 ₽ |
| Аудиоверсия страницы | gemini-flash-tts тем же голосом, что у персонажа | 13 ₽ за 1000 знаков |
Где ставить видео, решает стиль: блок media каждой дизайн-системы повторяет приём бренда — у Apple фильм по кнопке и липкие секции, у BMW разделённые экраны «кадр + факт», у Airbnb ролик хозяина в его блоке, у журнального стиля фото-эссе. Тихие петли собираются «вперёд и назад» без шва, люди в кадре играют один раз и замирают, ролик со звуком — только по кнопке и с субтитрами.
重要
Против нейрослопа: каждый кадр смотрят глазами до оживления, речь в каждом ролике проверяют распознаванием. В примерах выше две реплики из трёх модель испортила повтором — их поймал этот шаг, и на страницы они не попали. Приёмы и готовые блоки — skills/landing-media.
Гипотеза под ключ
Лендинг, собранный агентом у вас на компьютере, становится работающей гипотезой одной командой landing_launch: адрес на lk.vibemarketolog.ru/w/…, форма сама отправляет заявки в кабинет, Telegram и на почту, трафик делится 50/50 между вариантами на одном адресе, статистика и вердикт по значимости считаются у нас, а сразу после запуска уходит проверочная заявка — видно, что доставка работает. | ![]() |
| Шаг | Инструмент | Цена |
|---|---|---|
| Паспорт: настоящий браузер на 1280/390/360/320 px и боком — скролл на телефоне, кнопка на первом экране, форма с согласием 152-ФЗ, CDN, медиа, читаемость; снимки первого экрана A и Б до оплаты; черновик на сервере — дальше только правки | landing_check | бесплатно |
| Файл, приложенный в чат: одноразовая ссылка загрузки для человека | upload_link | бесплатно |
| Проверка речи в ролике и петля видео на сервере | media_check, video_loop | бесплатно |
| Запуск: адрес, заявки, A/B-тест, проверочная заявка. Паспорт не пройден — деньги не списываются | landing_launch | 990 ₽ |
| Правки запущенной страницы из чата: картинка, видео, озвучка, текст, блоки — кусками в A, Б или сразу в оба; паспорт до сохранения, «верни как было» на шаг назад | landing_source, landing_update | бесплатно |
| Итоги: люди, заявки, конверсия; план теста закрепляется при запуске, победителя сервер объявляет только по плану; интервал разницы, проверка перекоса A/Б (SRM), история версий | landing_status | бесплатно |
| Продажи по вариантам: заявки уходят лидами в Битрикс24 с меткой варианта, в статусе — сделки «Успешно» с суммой | landing_update c crm=bitrix | бесплатно |
| Про-версия победителя: полный сайт по выигравшему варианту | landing_pro | до 4 500 ₽ |
Библиотека навыков
12 навыков ведут агента по всей работе — от формулировки гипотезы до рекламы под варианты. В Claude Code они ставятся плагином, в ChatGPT, Claude.ai и Cursor их выдаёт MCP-сервер: инструмент landing_guide отдаёт маршрут и бриф с живыми ценами. Всё авторское проверено на живых страницах: формулы выборки пересчитаны и сверены симуляцией, шаблоны формы и сплита открыты в браузере, законы сверены с первоисточниками. | ![]() |
| Навык | Что даёт |
|---|---|
landing-ab | Главный маршрут: от гипотезы до запущенного теста |
hypothesis-lab | Гипотеза «если — то — потому что», ICE/PIE, выборка и бюджет, A/A-тест, вердикт без подглядывания |
landing-brief | Бриф A–G до вёрстки, «зерно дизайна» против шаблонности, 21 раскладка секций, ревью по 14 пунктам |
design-system | Стиль из каталога: токены обеих тем, шрифты с кириллицей, компоненты |
brand-to-system | Свой стиль из брендбука клиента в формате каталога, с проверкой контраста |
semantics | Заголовки, FAQ и минус-слова из Яндекс Вордстата |
landing-media | Кадр первого экрана, персонаж на все ролики, видео с русской речью, аудиоверсия |
motion | Анимации с режимом «меньше движения» |
landing-mobile | Телефон: чек-лист из 30 пунктов, iOS 26/27, Android, встроенные браузеры ВК и Telegram |
landing-law-ru | 152-ФЗ, закон о рекламе, модерация Директа и ВК — шаблоны согласия и политики |
landing-chatbot | Чат-бот с ИИ на странице: обучение по FAQ и сайту, виджет в цвет стиля |
ad-match | Реклама под варианты: объявление обещает то же, что первый экран; кампании A и Б — прямо в кабинет Директа; автостоп |
Телефон: iOS 26/27 и Android
Из рекламы на лендинг приходят с телефона — 70–85 % визитов. Навык landing-mobile собирает то, что реально меняется на экране, и помечает, что подтверждено Apple и WebKit, что — сообществом, а что — слухи:
| Что | Почему |
|---|---|
html, body с цветом фона | iOS 26 больше не красит панели по theme-color: цвет берётся из фона страницы и прижатых к краю слоёв; прозрачный корень даёт белые полосы |
Первый экран 100svh, кнопка видна на 360×740, 320×640 и боком 844×390 | половина посетителей рекламы до кнопки не долистает |
Поля от 16 px, type="tel", autocomplete="tel" | мельче 16 px iOS увеличивает страницу при фокусе; номер подставляется одним касанием |
| Липкая кнопка прячется у формы и при открытой клавиатуре | иначе она закрывает поле, в которое человек пишет |
Видео muted playsinline и постер со смыслом | в режиме энергосбережения автозапуска нет вовсе — остаётся только постер |
Safari 27: sizes="auto", привязка прокрутки | картинки нужного размера и страница без прыжков при догрузке |
Отдельной «адаптации под iOS 27» в CSS не существует: достаточно пережить Liquid Glass из Safari 26 и взять новые возможности Safari 27. Паспорт проверяет это автоматически — на сервере (landing_check) и у вас на компьютере: node tools/passport.mjs index.html b.html (Playwright, 49 видов проверок — в отчёт попадают те, что касаются страницы; без сети и денег). Что видно только на живом телефоне — в конце навыка протокол на 10 минут.
Чат-бот с ИИ на лендинге
| Часть посетителей рекламы не готова оставить телефон, но готова спросить. Консультант с ИИ отвечает по базе знаний страницы, зовёт живого оператора и забирает контакт. Агент создаёт бота, учит его вопросам и ценам со страницы, красит виджет в цвет главной кнопки стиля и ставит одну строку кода одинаково в A и Б. Уведомления о вопросах — в кабинет и Telegram. | ![]() |
| Шаг | Инструмент | Цена |
|---|---|---|
| Создать бота для сайта | chatbot_create_site | бесплатно |
| Научить: пункт FAQ или текст · страница сайта · весь сайт | chatbot_learn, chatbot_learn_site | 5 ₽ · 10 ₽ · 4 ₽ за страницу (до 30) |
| Оформление под бренд: логотип в шапке и лицо консультанта, цвета стиля, напоминание у кнопки, быстрые вопросы, сбор контакта, Telegram и WhatsApp; код виджета | chatbot_widget | бесплатно |
| Ответ посетителю | — | от 2 ₽ за ответ, без абонплаты |
| Диалоги, ответ от имени оператора | chatbot_conversations, chatbot_status | бесплатно |
Реклама в Яндекс Директ
Когда страница запущена, агент готовит рекламу и сам проводит её через кабинет Директа пользователя — от черновика до старта показов. Чистый тест страницы: нейтральные объявления на общий адрес, вариант назначает сервер. Рекламные связки «объявление A → страница A»: ссылки ?ad=a и ?ad=b, отдельный замер. Каждый шаг отдельный: черновик → модерация с предохранителем (дата начала уходит на 30 дней вперёд, одобрение показы не включает) → проверка из самого Директа и план запуска → «да» человека → старт с согласованной даты. | ![]() |
| Шаг | Инструмент | Цена |
|---|---|---|
| Подготовить черновик: группы, ключевые фразы, объявления со своей ссылкой, минус-слова, быстрые ссылки, регион, бюджет. Лимиты Директа проверяются сразу, в Яндекс ещё ничего не уходит | direct_import_campaign | бесплатно |
| Или собрать кампанию ИИ по адресу страницы | direct_create_campaign | 49 ₽ |
| Отправить черновик в кабинет Директа | direct_publish_campaign | 99 ₽ |
| Отправить объявления на модерацию: дата начала уходит вперёд, показов не будет; можно сразу привязать счётчик Метрики | direct_moderate | бесплатно |
| Проверка из самого Директа: стадия, ссылки отвечают, бюджет, счётчики, блокеры; план запуска | direct_campaign_inspect, direct_launch_preflight | бесплатно |
| Включить показы по согласованному плану | direct_launch | 9 ₽ |
| Цель заявки в Метрике без дублей (событие после записи заявки сервером) | metrika_create_goal | бесплатно |
| Проверка подключения: права ключа, Директ, Метрика, Вордстат, Битрикс24 | connection_health | бесплатно |
| Правка живой кампании: ставки (в выбранной группе), бюджет, ключи (в выбранную группу), минус-слова, текст объявления, запуск после паузы | direct_set_bids, direct_set_budget, direct_add_keywords, direct_add_negatives, direct_update_ad, direct_resume_campaign | 9 ₽ |
| Пауза кампании или объявлений | direct_pause_campaign, direct_pause_ads | бесплатно |
| Анализ, поисковые запросы, слив бюджета, прогноз, отчёт | direct_analyze, direct_search_queries, direct_waste, direct_forecast, campaign_report | 29–99 ₽ |
Кабинет Директа подключается один раз в кабинете Вайб-Маркетолога → «Подключения». Действие, которое у черновика не имеет смысла, отказывает без платы. При ручных ставках Директ считает дневной бюджет недельным — в отдельный день расход может быть выше. Второй заголовок объявления Директ сейчас не сохраняет — главное агент пишет в заголовок и текст. Номера объявлений приходят строками: они длиннее безопасного целого JavaScript.
Что внутри
Дизайн-системы
| Каждая запись — всё, что нужно агенту, чтобы сверстать страницу без вопросов: токены обеих тем, шрифты, компоненты, раскладку лендинга, форму заявки, правила A/B-теста и правила медиа бренда. | ![]() |
| Токены | цвета светлой и тёмной темы по ролям, типографика для десктопа и телефона, радиусы, отступы, тени, движение |
| Контраст | каждая пара «текст — фон» проверена по WCAG в обеих темах: текст ≥ 7, остальное ≥ 4.5 |
| Шрифты | только свободные OFL-шрифты с кириллицей из Fontsource — вместо фирменных, которые нельзя распространять |
| Лендинг | первый экран, порядок секций, форма заявки с согласием 152-ФЗ, мобильная раскладка |
| Медиа | что бренд ставит на первый экран, где видео ниже, уместен ли персонаж и аудиоверсия, чего избегать |
| A/B-тест | что можно менять между вариантами и что обязано остаться неизменным |
| Правила | do / don't и готовая инструкция верстальщику |
| スタイル | 対象 | キリル文字に対応したフォント |
|---|---|---|
| ベントー (独自スタイル) | 中小企業向けSaaS、オンラインレジ、会計、CRM、オンラインサービス、モバイルアプリ | Commissioner |
| ダークプレミアム (独自スタイル) | 高級・ビジネス向け不動産、新築物件、郊外の住宅地、高級車、自動車ディーラー | Cormorant, Manrope |
| エディトリアル (独自スタイル) | レストラン、カフェ、バー、コーヒーショップ、ベーカリー、菓子店、専門家、コンサルタント、個人事業 | Playfair, Source Serif 4, Golos Text |
| ネオブルータリズム (独自スタイル) | プロモーション、セール、イベント、フェスティバル、パーティー、若者向けの講座、短期集中コース | Unbounded, Rubik |
| ソフト (独自スタイル) | 医療クリニック、歯科、美容医療、美容サロン、子ども向けセンター、習い事、幼稚園 | Lora, Nunito |
| スイス (独自スタイル) | 法律サービス、弁護士、コンサルティング、監査、会計、税務 | Geist, Geist Mono |
| テラコッタ (独自スタイル) | カフェ、レストラン、ベーカリー、菓子店、ケータリング、家庭料理の配達 | Alegreya, Nunito Sans |
| Airbnb | 住宅の賃貸、観光、ホテル、グランピング、レクリエーション施設、ツアー、体験 | Manrope |
| Apple | 高級商品、家電、ガジェット、電子機器、モバイルアプリ、SaaS | Inter |
| BMW | 自動車ディーラー、販売店、自動車整備、ディテーリング、高級タイヤショップ、エンジニアリング企業、製造業 | Onest |
| Cal.com | オンライン予約、予約サービス、法律家・会計士・心理士への相談、B2B SaaS、ITサービス | Manrope, Inter |
| Clay | 子ども向けセンター、発達支援教室、私立幼稚園、学校、習い事、スタジオ、サマーキャンプ | M PLUS Rounded 1c, Inter |
| eLama | 広告・マーケティングサービス、インターネット広告代理店、マーケティング教育、講座 | Onest, Mulish |
| ElevenLabs | 美容医療、美容皮膚科、皮膚科、毛髪診療、心理療法、心理的支援 | Spectral, Inter |
| IBM | 産業機器、製造業、エンジニアリング、設計、エンジニアリングシステムの設置、物流、倉庫、企業向け貨物輸送 | IBM Plex Sans, IBM Plex Mono, IBM Plex Serif |
| Intercom | SaaS、クラウドサービス、カスタマーサービス、サポート、AI アシスタント、チャットボット | Geist, Geist Mono |
| Linear | SaaS、IT製品、B2Bサービス、開発、導入 | Inter, JetBrains Mono |
| Miro | オンラインスクール、講座、研修、短期集中コース、マラソン形式の講座、企業研修 | Onest |
| Nike | スポーツ、フィットネスクラブ、衣類、靴、用具、子ども・大人向けのスクール、クラブ | Sofia Sans Condensed, Inter |
| Notion | SaaS、チーム向けサービス、オンラインスクール、講座、代理店、スタジオ | Inter |
| リフォーム、インテリアデザイン、キッチン、オーダー家具、ネイル、眉毛、メイク、その他の美容サービス | Golos Text | |
| Renault | 自動車ディーラー、中古車販売、タイヤ、ホイール、タイヤ交換、レンタカー、自動車リース | Sofia Sans Semi Condensed |
| Revolut | フィンテック、銀行商品、モバイルアプリ、サブスクリプション、料金プラン | Onest, Inter |
| Shopify | オンラインショップ、Eコマースの立ち上げ、D2Cブランド、自社製品を持つメーカー、マーケットプレイスへの出店、SNS販売 | Inter |
| Stripe | フィンテック、決済、SaaS、B2Bサービス、加盟店決済、オンラインレジ、会計 | Inter Tight, Inter |
| Tesla | 自動車ディーラー、中古車選び、中古車販売、新築物件、コテージ開発地、郊外の注文住宅 | Montserrat, Inter |
| Uber | 住宅・オフィスの清掃、引っ越し、荷役、不用品回収、花・食料品・建材の配達 | Wix Madefor Display, Wix Madefor Text |
| バイブ・マーケター · ロシアのコード | 国産ソフトウェア、輸入代替、AIサービス、ビジネス向けデジタル従業員、ロシアのメーカー、「ロシア製」商品 | PT Serif, Golos Text |
| Vodafone | インターネットプロバイダー、家庭用テレビ、モバイル通信、法人向け料金プラン、キャンペーン、セール、季節限定オファー | Geologica |
| Wise | フィンテック、送金、決済サービス、銀行サービス、会計、税務 | Inter Tight, Inter |
| Zapier | 中小企業、起業家向けサービス、会計、税務、個人事業主・有限責任会社の設立、窓、張力天井、ドア、ブラインド | Wix Madefor Display, Inter |
Анимации
Готовые рецепты: разметка, CSS и ванильный JS без внешних библиотек. Анимируются только transform и opacity, первый экран не ждёт скриптов, у каждого рецепта есть режим «меньше движения» (prefers-reduced-motion), у бесконечных — пауза. | ![]() |
| Рецепт | Где на лендинге | «Меньше движения» |
|---|---|---|
counter-up — Счётчик цифр при появлении в кадре | блок результатов в цифрах, доверие: клиенты, заявки, годы работы | смягчается до появления |
fade-up-stagger — Появление снизу по очереди | карточки преимуществ, шаги «как это работает» | смягчается до появления |
image-reveal-clip — Проявление картинки шторкой clip-path | скриншоты продукта и отчётов, превью кейсов «было — стало» | смягчается до появления |
result-bars — Полосы «было → стало» с синхронным счётом | кейс в цифрах: цена заявки, число заявок, конверсия до и после, сравнение «сами / с нами» | выключается |
hero-text-reveal — Проявление заголовка первого экрана построчно через маску | заголовок h1 первого экрана из 2–4 строк, короткий оффер с цифрой или сроком («Заявки уже с первого дня») | смягчается до появления |
hero-word-rotator — Сменное слово в заголовке первого экрана | заголовок первого экрана с перечнем ниш или аудиторий, «для [кого]» в оффере сервиса с несколькими сегментами | выключается |
marker-highlight — Маркер под главной фразой | главная выгода в оффере или подзаголовке первого экрана, обещание перед формой заявки | выключается |
svg-line-draw — Рисованная линия: подчёркивание, обводка, стрелка к кнопке | подчёркнуть 1–3 слова оффера (в том числе в заголовке первого экрана), обвести цифру: скидка, срок, гарантия, «бесплатно» | выключается |
media-zoom-scroll — Кадр продукта вырастает по прокрутке | главный скрин интерфейса или отчёта, кадр готового результата (интерьер, сайт, упаковка) | выключается |
parallax-soft — Мягкий параллакс фона и иллюстрации | фон первого экрана, иллюстрация рядом с оффером | выключается |
scroll-progress-bar — Полоса прогресса чтения страницы | длинные лендинги с формой в конце, лонгриды, кейсы и разборы | остаётся |
scroll-story-steps — Шаги «как это работает» с липким кадром | «как это работает» в 3–4 шага, как устроен продукт: экран за экраном | смягчается до появления |
steps-progress-line — Линия прогресса по шагам процесса | «как мы работаем» в 3–6 шагов, этапы проекта и сроки | выключается |
sticky-cta-mobile — Липкая кнопка заявки на телефоне | длинные рекламные лендинги с формой внизу, страницы услуг, где решение созревает на середине прокрутки | смягчается до появления |
sticky-stack-cards — Стопка карточек, наезжающих при прокрутке | преимущества (3–5 карточек), шаги «как мы работаем» | выключается |
text-scroll-highlight — Абзац «боли» проявляется по словам при прокрутке | абзац «боли» или «знакомо?» перед решением, манифест или главная мысль бренда | выключается |
magnetic-button — Кнопка, притягивающаяся к курсору | главная кнопка первого экрана, кнопка отправки формы заявки | смягчается до появления |
tilt-card — Наклон карточки за курсором | карточки тарифов, карточки услуг и пакетов | выключается |
accordion-smooth — Плавное раскрытие FAQ на <details> | блок «Частые вопросы» перед формой заявки, ответы на возражения под тарифами | смягчается до появления |
before-after-slider — Слайдер «до и после» | ремонт и отделка, клининг, химчистка, детейлинг авто | смягчается до появления |
form-field-feedback — Понятная ошибка поля формы | форма заявки: имя, телефон, согласие, запись на консультацию или замер | смягчается до появления |
form-success — Анимация успешной отправки формы заявки | форма заявки внизу лендинга, форма «Получить расчёт» в модальном окне | смягчается до появления |
tabs-indicator — Вкладки и переключатель «месяц / год» с переезжающей подложкой | тарифы: помесячно / за год со скидкой, вкладки «для кафе / для салона / для магазина» | смягчается до появления |
cta-attention — Привлечение внимания к главной кнопке (ограниченное число повторов) | главная кнопка первого экрана, финальная кнопка перед формой заявки | смягчается до появления |
gradient-drift — Медленно плывущий градиент фона с паузой | фон первого экрана, блок перед формой заявки | выключается |
marquee-logos — Бесконечная лента логотипов и отзывов с паузой | логотипы клиентов под первым экраном, короткие отзывы перед формой заявки | выключается |
Yandex Wordstat のセマンティクス
build_semantics ツールは Wordstat の検索クエリを収集し、ランディングページのセクションごとに分類します。見出し、価格、質問、ボタンに何を書くべきかがわかります。「カザンでオーダーメイドのキッチン」という実例では、クイックレベルで20秒に100フレーズを取得できます。
| セクション | グループ | 月間表示回数 | フレーズの例 |
|---|---|---|---|
hero | カザンのオーダーメイドキッチン | 1 101 | カザン オーダーメイドキッチン、キッチンセットを注文 |
pricing | 価格と手頃なキッチン | 384 | オーダーメイドキッチン 価格、カザン オーダーメイドキッチン 安い |
proof | カタログ、写真、レビュー | 228 | カザン オーダーメイドキッチン カタログ、メーカー直販 |
faq | オーダーメイドキッチンに関する質問 | 55 | どれがよいか、サイズ |
lead_form | 問い合わせと連絡先 | 35 | オーダーメイドキッチンの製作 |
広告用の除外キーワード(「料理の配達」「ピザ」「アヴィト」など)も取得できます。詳細レベルでは、過去24か月の季節性と、各グループのA/Bテスト用の見出しペアも取得できます。
接続
すべてのサービスに対応する単一のMCPサーバーです。Claude Codeではプラグインまたは1つのコマンドで、ChatGPTとClaudeではアドレスを指定するコネクターで、Cursorでは設定に文字列を追加して接続できます。ランディングページの設計ガイドはChatGPTとClaude.aiにも届きます。これらのチャットではモデルにMCPプロンプトが表示されないため、設計ガイドとブリーフはlanding_guideツールが提供します。 | ![]() |
| 接続先 | 方法 |
|---|---|
| Claude Code — プラグイン | /plugin marketplace add vibemarketologru/vibe-landing-kit → /plugin install vibe-landing@vibe-landing-kit → /mcp → 認証 |
| Claude Code — MCPのみ | claude mcp add --transport http vibemarketolog https://lk.vibemarketolog.ru/mcp |
| ChatGPT、Claude.ai | コネクター https://lk.vibemarketolog.ru/mcp — 動画ガイド |
| Cursor、Windsurf、VS Code | サーバーアドレスとキーを指定した mcp.json — 手順 |
| 独自コード | REST:/api/agent/design-systems、/motion、/semantics、/landings、/landings/check、/chatbots、/uploads/image、/uploads/links、/media/check、/media/loop — ドキュメント |
ChatGPTでの手順: 各ステップでチャットに入力する内容と、期待される結果 — docs/chatgpt-step-by-step.md。
バイブ・マーケターのアカウントからログインします。新規ユーザーには残高にボーナスが付与されます。
料金
| 内容 | 価格 |
|---|---|
| デザインシステムとアニメーションのカタログ、スタイルの選定、ランディングページ仕様書、修正とテスト結果、このリポジトリ | 無料 |
| ウェブサイト向けセマンティクス | クイック 49 ₽ · 詳細 149 ₽ |
| Wordstat:人気の検索クエリ/推移/地域 | 49 / 49 / 99 ₽ |
| gpt-image-2.5 の画像 · サンプルに基づくロゴ入り | 16 ₽ · 22 ₽ |
| Gemini Omni 720p の動画 · 音声付きキャラクター · 音声版 | 149 ₽ · 88 ₽ · 1000文字あたり13 ₽ |
| AI チャットボット:学習 · 訪問者への回答 | 5 ₽から · 2 ₽から |
| 仮説の公開:URL、問い合わせ、A/Bテスト | 990 ₽ |
| 勝者のプロ版 | 4 500 ₽まで |
| Yandex Metrica レポート、Yandex Direct キャンペーン分析 | 19 ₽ / 29–99 ₽ |
| Yandex Direct:下書き · Directに送信 · 審査 · 開始前の確認 · 表示開始 · 稼働中キャンペーンの編集 · 一時停止 | 無料 · 99 ₽ · 無料 · 無料 · 9 ₽ · 9 ₽ · 無料 |
支払いはルーブル残高から行い、実施した分だけ課金されます。サブスクリプションはありません。有料ステップの前に、エージェントが料金を提示します。接続ごとのデフォルトの日次上限は2 500 ₽です。lk.vibemarketolog.ru/agentで変更できます。接続の「上限を変更」ボタンを押してください。ギャラリーにある一般的なランディングページの場合、メディア費用は60~600 ₽、公開費用は990 ₽です。
Партнёрская программа
| Собираете лендинги клиентам — зарабатывайте на их работе в платформе. Пригласите клиента по своей ссылке: вы получаете 10 % с каждого его пополнения, а по мере роста оборота приведённых ставка поднимается до 30 %. Деньги копятся на отдельном партнёрском балансе: перевод на баланс кабинета — мгновенно, вывод деньгами — по заявке. | ![]() |
| Оборот приведённых | Ставка |
|---|---|
| старт | 10 % |
| от 10 000 ₽ | 15 % |
| от 50 000 ₽ | 20 % |
| от 150 000 ₽ | 25 % |
| от 300 000 ₽ | 30 % |
Ссылка и статистика — в кабинете: lk.vibemarketolog.ru/partner. Ссылка работает на любой странице (?ref=ваш-код), человек закрепляется за вами на 30 дней. Начисление приходит после 14 дней удержания, возврат платежа его отменяет.
Для разработчиков
node tools/check.mjs .— проверка каталога: контраст WCAG в обеих темах, кириллица и лицензия шрифтов через Fontsource, reduced-motion и свойства анимаций, блокmedia, согласованность ссылок.node tools/passport.mjs index.html b.html— паспорт лендинга у вас на компьютере: те же блокирующие проверки, что уlanding_check, плюс мобильные (Playwright, код выхода 1 — есть блокирующие).python3 tools/build-readme.py— этот README изcatalog.jsonиshowcase.json.- Схема записи — SCHEMA.md, правила для агентов — AGENTS.md, llms.txt, установка сервера агентом (Cline, Windsurf) — llms-install.md.
Лицензии и товарные знаки
Код и каталог — MIT. Записи вида «Stripe», «Apple» описывают эстетику и не аффилированы с брендами: без логотипов и фирменных шрифтов — подробнее в TRADEMARKS.md. Источники и их лицензии — NOTICE.md. Компании в демо-лендингах вымышлены, медиа сгенерированы для примеров.
Автор
Владимир Дорецкий — основатель Вайб-Маркетолога. Telegram: @CentrMedia.
Вопросы и идеи — в Issues: там ответ увидят и другие.
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。












