Навайбкодить онбординг или взять Clew — что ИИ сделает, а что нет
Cursor, Claude Code, Lovable или Codex за вечер соберут тур на driver.js или Shepherd.js — и для прототипа этого достаточно. Но тексты и шаги останутся в коде: править их будет разработчик или снова ИИ, через релиз. Правил показа, аналитики по шагам, A/B и сигнала о сломанных шагах в таком туре не будет, пока вы их не допишете и не начнёте поддерживать.
Clew и вайбкодинг — по пунктам
| Возможность | Clew | Вайбкодинг |
|---|---|---|
| Первый тур | В день установки | За вечер, если есть кто-то, кто проверит и выкатит код |
| Кто меняет тексты | Продакт в редакторе, без релиза | Разработчик или ИИ-ассистент, с релизом |
| Сегменты и триггеры | Есть из коробки | Каждое правило — новый промпт и новый код |
| Аналитика по шагам и A/B | Есть | Нет, пока не допишете |
| Шаги после редизайна | Детект сломанных шагов | Ломаются молча |
| Код в продукте | Один тег; виджет вне вашей кодовой базы | Сгенерированный код, который поддерживаете вы |
| Стоимость | Публичные: Free навсегда (1 сайт, до 3 опубликованных туров), Pro — 1 490 ₽/мес, Business — 3 990 ₽/мес, коробка — 149 900 ₽ разово | Подписка на ИИ-инструмент + время на проверку и поддержку |
Сравнение по состоянию на сентябрь 2026. Лицензии библиотек — по их репозиториям на GitHub: driver.js — MIT, Shepherd.js — AGPL-3.0 с коммерческой лицензией, Intro.js — AGPL-3.0 или коммерческая лицензия. Проверьте актуальные условия перед релизом.
Пример: промпт и что получится
Добавь в наше React-приложение продуктовый тур для новых пользователей на driver.js. Шаги: 1) кнопка «Создать проект» (#new-project) — «Начните с проекта»; 2) поле названия — «Назовите проект»; 3) кнопка «Пригласить» — «Позовите команду». Показывай тур один раз: после прохождения или закрытия запиши флаг в localStorage. Тексты вынеси в отдельный файл, стили — под нашу тему.
Что вы получите
- компонент тура на библиотеке и файл с текстами;
- флаг «уже показан» в localStorage — на другом устройстве тур покажется снова;
- селекторы вроде #new-project, зашитые в код;
- рабочий результат за вечер, если кто-то проверит код и выкатит релиз.
Чего не будет
- редактора — каждый новый текст снова идёт через промпт, ревью и релиз;
- сегментов и триггеров: «только для админов», «после третьего визита», «после клика»;
- воронки по шагам и A/B-тестов;
- сигнала, что шаг сломался после редизайна;
- одинакового поведения, когда тур попросят «ещё чуть-чуть поправить» пятый раз.
Риски, о которых стоит знать
- Лицензия. ИИ часто берёт Shepherd.js или Intro.js — они под AGPL-3.0 и требуют коммерческой лицензии для платного продукта. driver.js — MIT.
- Безопасность. Если тексты подсказок потом начнут приходить из админки или CMS, сгенерированный код нередко вставляет их через innerHTML — это XSS. Попросите экранировать текст и проверьте сами.
- Поддержка. Код тура становится вашей кодовой базой: обновления библиотеки, конфликты стилей, смена роутера — всё на вашей команде.
- Хрупкие селекторы. Классы, сгенерированные сборщиком, меняются при каждом релизе. Используйте стабильные атрибуты data-tour — и в своём коде, и в Clew.
Как совместить: ИИ ставит Clew
ИИ-ассистент отлично справляется с разовой задачей разработчика — поставить тег и расставить атрибуты data-tour по ключевым элементам. Дальше туры собирает продакт в редакторе Clew, без кода. Готовые промпты — в инструкции «Установка через ИИ-ассистентов» и в гайдах для Cursor, Claude Code, Lovable и Codex.
Подсказка внутри вашего продукта
Тур, подсказка, чеклист или модалка — собираются в визуальном редакторе и показываются по URL, сегменту, триггеру и частоте. Всё правит продакт, без релиза.
Это иллюстративный сценарий, не реальный клиент. Реальные кейсы появятся здесь по мере внедрений.
Почему выбирают Clew
Частые вопросы
Чем Clew отличается от тура, собранного с ИИ?
Тур, сгенерированный ИИ, — это код в вашем продукте: тексты и шаги меняются через разработчика и релиз, а сегменты, аналитику и A/B нужно дописывать. В Clew всё это есть из коробки, а менять онбординг может продакт в редакторе.
Может ли ИИ сделать продуктовый тур без программиста?
Сгенерировать код — да. Но код нужно проверить, встроить в проект и выкатить релизом, а каждое изменение текста повторяет этот путь. Без программиста тексты и шаги меняются только в инструментах с визуальным редактором.
Какую библиотеку тура выбрать, если всё же делать самим?
Проверьте лицензию: driver.js распространяется под MIT, Shepherd.js и Intro.js — под AGPL-3.0 с платной коммерческой лицензией для коммерческих продуктов.
Можно ли поставить Clew через Cursor или Claude Code?
Да. Попросите ассистента добавить тег Clew и атрибуты data-tour; готовые промпты есть в инструкции по установке через ИИ-ассистентов.
Нужен ли разработчик, чтобы настроить онбординг?
Только один раз — вставить один тег на страницу. Дальше туры, подсказки и чеклисты настраивает продакт в визуальном редакторе прямо на живой странице, без релизов.
Работает ли Clew с React, Vue и SPA?
Да. Виджет — это vanilla JS без зависимостей; он переживает смену роутов в одностраничных приложениях и не тянет за собой фреймворк.
Можно ли поставить Clew в свой контур (self-hosted)?
Да. Docker или один процесс на Node, база — встроенный SQLite или JSON-файл; данные посетителей остаются в вашем периметре. Подходит для закрытого контура: банков, госсектора, внутренних систем.
Сколько стоит Clew и как оплатить?
Тариф Free бесплатный навсегда: 1 сайт и до 3 опубликованных туров, без ограничения по посетителям. Pro и Business можно попробовать 14 дней без карты; оплата в рублях, картой РФ. Для закрытого контура — коробочная версия на ваших серверах.