mcpField
V
Vibe Marketolog — landing A/B tests and Yandex Direct

Vibe Marketolog — landing A/B tests and Yandex Direct

リモート
vibemarketolog.ruビジネス・マーケティング13 週間前に更新
リポジトリ公式サイト

Vibe Marketolog — landing A/B tests and Yandex Direct について

Vibe Landing Kitは、Claude Code、ChatGPT、Claude、Cursorを使う企業向けのランディングページと広告のワークフローです。A/Bテスト用ページの作成、リード獲得や広告配信の連携に加え、調査からデザイン、確認、修正までエージェントを支援します。

主な機能

  1. 01ランディングページ作成とチャット修正
  2. 02計画に基づくA/Bテスト結果の判定
  3. 03Yandex Wordstatによるキーワード調査
  4. 04画面サイズ別の品質チェック
  5. 05リードのTelegram・メール送信
  6. 06Yandex Direct広告の準備と配信

活用シーン

  1. 01同じURLで2種類の訴求を比較
  2. 02デザインシステムのカタログでページを作成
  3. 03公開前にモバイルレイアウトを確認
  4. 04リードを送りテスト案ごとに結果を追跡

MCP 対応

MCPサーバーは、ワークフローやブリーフを取得する`landing_guide`などのスキルをChatGPT、Claude.ai、Cursorに提供します。ページのチェック、公開、編集、テスト状況確認のツールも公開します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://lk.vibemarketolog.ru/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

Vibe-Маркетологのマスコット猫がA/Bテストを開始:ランディングページの2つのバリエーション、トラフィック50/50、問い合わせと広告

Vibe Landing Kit

仮説をすぐに形に:エージェントにひと言伝えるだけで、ランディングページ、A/Bテスト、Telegramへの問い合わせ、Yandex Direct広告まで。 全幅の画像または動画を使った印象的なファーストビュー、ロシア語で話すキャラクター、Telegramへの問い合わせ、 1つのURLでのA/Bテスト、品質レポート、AIチャットボット。世界的ブランドをイメージした31のデザインシステム、26のアニメーション、12のスキル、Wordstatのキーワードデータ。 Claude Code、ChatGPT、Claude、Cursor向けです。

バージョン ライセンス 公開中のランディングページ デザインシステム スキル Claude Code MCP

ロシア語 · 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_launch990 ₽
Правки запущенной страницы из чата: картинка, видео, озвучка, текст, блоки — кусками в 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-ru152-ФЗ, закон о рекламе, модерация Директа и ВК — шаблоны согласия и политики
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_site5 ₽ · 10 ₽ · 4 ₽ за страницу (до 30)
Оформление под бренд: логотип в шапке и лицо консультанта, цвета стиля, напоминание у кнопки, быстрые вопросы, сбор контакта, Telegram и WhatsApp; код виджетаchatbot_widgetбесплатно
Ответ посетителю—от 2 ₽ за ответ, без абонплаты
Диалоги, ответ от имени оператораchatbot_conversations, chatbot_statusбесплатно

Реклама в Яндекс Директ

Когда страница запущена, агент готовит рекламу и сам проводит её через кабинет Директа пользователя — от черновика до старта показов. Чистый тест страницы: нейтральные объявления на общий адрес, вариант назначает сервер. Рекламные связки «объявление A → страница A»: ссылки ?ad=a и ?ad=b, отдельный замер. Каждый шаг отдельный: черновик → модерация с предохранителем (дата начала уходит на 30 дней вперёд, одобрение показы не включает) → проверка из самого Директа и план запуска → «да» человека → старт с согласованной даты.Кот с мегафоном запускает объявления A и Б в цель
ШагИнструментЦена
Подготовить черновик: группы, ключевые фразы, объявления со своей ссылкой, минус-слова, быстрые ссылки, регион, бюджет. Лимиты Директа проверяются сразу, в Яндекс ещё ничего не уходитdirect_import_campaignбесплатно
Или собрать кампанию ИИ по адресу страницыdirect_create_campaign49 ₽
Отправить черновик в кабинет Директаdirect_publish_campaign99 ₽
Отправить объявления на модерацию: дата начала уходит вперёд, показов не будет; можно сразу привязать счётчик Метрикиdirect_moderateбесплатно
Проверка из самого Директа: стадия, ссылки отвечают, бюджет, счётчики, блокеры; план запускаdirect_campaign_inspect, direct_launch_preflightбесплатно
Включить показы по согласованному плануdirect_launch9 ₽
Цель заявки в Метрике без дублей (событие после записи заявки сервером)metrika_create_goalбесплатно
Проверка подключения: права ключа, Директ, Метрика, Вордстат, Битрикс24connection_healthбесплатно
Правка живой кампании: ставки (в выбранной группе), бюджет, ключи (в выбранную группу), минус-слова, текст объявления, запуск после паузыdirect_set_bids, direct_set_budget, direct_add_keywords, direct_add_negatives, direct_update_ad, direct_resume_campaign9 ₽
Пауза кампании или объявленийdirect_pause_campaign, direct_pause_adsбесплатно
Анализ, поисковые запросы, слив бюджета, прогноз, отчётdirect_analyze, direct_search_queries, direct_waste, direct_forecast, campaign_report29–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高級商品、家電、ガジェット、電子機器、モバイルアプリ、SaaSInter
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
IntercomSaaS、クラウドサービス、カスタマーサービス、サポート、AI アシスタント、チャットボットGeist, Geist Mono
LinearSaaS、IT製品、B2Bサービス、開発、導入Inter, JetBrains Mono
Miroオンラインスクール、講座、研修、短期集中コース、マラソン形式の講座、企業研修Onest
Nikeスポーツ、フィットネスクラブ、衣類、靴、用具、子ども・大人向けのスクール、クラブSofia Sans Condensed, Inter
NotionSaaS、チーム向けサービス、オンラインスクール、講座、代理店、スタジオInter
Pinterestリフォーム、インテリアデザイン、キッチン、オーダー家具、ネイル、眉毛、メイク、その他の美容サービス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: там ответ увидят и другие.

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。