关于 Vibe Marketolog — landing A/B tests and Yandex Direct
Vibe Landing Kit 面向使用 Claude Code、ChatGPT、Claude 或 Cursor 的企业,提供落地页与广告工作流。它支持创建页面并进行 A/B 测试,连接线索收集和广告投放,并引导 Agent 完成调研、设计、检查与修改。
主要功能
- 01创建落地页并通过聊天修改
- 02按预设方案评估 A/B 测试结果
- 03使用 Yandex Wordstat 研究关键词
- 04检查不同屏幕尺寸下的页面质量
- 05将线索发送至 Telegram 和邮箱
- 06准备并启动 Yandex Direct 广告
适用场景
- 01在同一网址比较两种落地页文案
- 02使用设计系统目录构建页面
- 03上线前检查移动端布局
- 04发送线索并按测试版本跟踪结果
MCP 相关
MCP 服务向 ChatGPT、Claude.ai 和 Cursor 提供项目技能,包括用于获取工作流和简报的 `landing_guide`。它还开放页面检查、发布、修改和测试状态等工具。
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
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
一站式验证假设:给 Agent 一句话,即可创建落地页、A/B 测试、接收 Telegram 咨询并投放 Яндекс Директ 广告。 首屏氛围感十足,支持全宽图片或视频;角色使用俄语语音;咨询发送到 Telegram; 同一地址进行 A/B 测试,附带质量报告和 AI 聊天机器人。31 套世界级品牌风格的设计系统、26 种动画、12 项技能、Яндекс Wordstat 语义分析。 适用于 Claude Code、ChatGPT、Claude 和 Cursor。
Русский · English
新增内容
- 在聊天中修改。「替换 B 版本中的图片」「调整两个版本的价格」——Agent 可分块修改在线页面中的图片、视频、配音、文本和区块。修改出错时不会保存;说「恢复原样」即可撤销一步。
- 符合品牌风格的 AI 顾问。 两个版本中统一设置页眉 Logo、顾问形象、品牌配色、按钮旁提示、常见问题和联系人信息收集。
- 31 套设计系统。 新增:「Vibe-маркетолог · Русский код」(无国家象征元素,呈现俄语风格)以及合作伙伴 eLama 的风格。
- 公平的 A/B 测试。 测试方案在启动时锁定,服务器仅依据方案宣布获胜版本;连接 Битрикс24 后,还可按版本统计销售额。
- 展示前先配置 Директ。 草稿 → 带安全保护的审核 → 在 Директ 中核验 → 只有得到你的确认后才启动。
- 一句话搞定。 告诉 Agent 你卖什么、要比较什么,以及预算上限,剩下的由它处理。连接每日限额为 2 500 ₽,可在 lk.vibemarketolog.ru/agent 修改。
一条命令
/plugin marketplace add vibemarketologru/vibe-landing-kit
/plugin install vibe-landing@vibe-landing-kit
/landing Пластиковые окна в Москве. Гипотеза: «цена из договора» против «от 9 900 ₽». Стиль швейцарский
Agent 会自行完成整个流程,并在每个付费步骤前暂停并说明价格:
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文件形式存放在代码库中。将文件交给任意 Agent,它就能按该风格制作页面。
在线落地页
涵盖 Яндекс Wordstat 中搜索频率最高的 6 个行业,以及我们自己的产品。每个页面都按这一流程制作:从目录中选择风格、首屏铺满媒体、创建只有一处差异的两个版本、生成报告并启动。页面均可访问:打开 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 | 在线商店和电商业务启动、D2C 品牌和自有产品制造商、入驻电商平台和在社交媒体上销售 | Inter |
| Stripe | 金融科技和支付、SaaS 和 B2B 服务、收单、在线收银系统、会计 | Inter Tight、Inter |
| Tesla | 汽车展厅、汽车选购和二手车销售、新楼盘和别墅社区、交钥匙郊区别墅 | Montserrat、Inter |
| Uber | 公寓和办公室清洁、搬家、搬运工、垃圾清运、鲜花、食品和建材配送 | Wix Madefor Display、Wix Madefor Text |
| Vibe 营销人 · 俄罗斯代码 | 国产软件和进口替代、面向企业的 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 | 定制厨房制造 |
此外还会提供广告否定关键词(外卖、披萨、avito……);深度级别还包括过去 24 个月的季节性数据,以及每个分组的 A/B 标题组合。
接入
一个 MCP 服务即可满足所有需求:在 Claude Code 中通过插件或一条命令接入,在 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 → Authenticate |
| 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。
通过「Vibe 营销师」账户登录:新用户可获赠余额奖励。
价格
| 项目 | 价格 |
|---|---|
| 设计系统和动画目录、风格选择、落地页说明书、修改和测试结果、本代码仓库 | 免费 |
| 网站语义分析 | 快速 49 ₽ · 深度 149 ₽ |
| Wordstat:热门搜索词 / 趋势 / 地区 | 49 / 49 / 99 ₽ |
| gpt-image-2.5 图片 · 按样例添加徽标 | 16 ₽ · 22 ₽ |
| Gemini Omni 720p 视频 · 带语音角色 · 音频版本 | 149 ₽ · 88 ₽ · 每 1 000 个字符 13 ₽ |
| AI 聊天机器人:训练 · 回复访客 | 5 ₽ 起 · 2 ₽ 起 |
| 启动假设测试:网址、申请、A/B 测试 | 990 ₽ |
| 胜出方案专业版 | 最高 4 500 ₽ |
| Yandex Metrica 报告、Yandex Direct 广告活动分析 | 19 ₽ / 29–99 ₽ |
| Yandex Direct:草稿 · 发送到 Direct · 审核 · 启动前检查 · 开始展示 · 修改正在投放的广告活动 · 暂停 | 免费 · 99 ₽ · 免费 · 免费 · 9 ₽ · 9 ₽ · 免费 |
费用从卢布余额中扣除,只为已完成的操作付费,无需订阅。每项付费操作开始前,Agent 都会告知价格;连接每日限额默认为 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 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。












