Это расширение для Chrome, которое автоматически записывает ваши действия в браузере и превращает их в пошаговые инструкции со скриншотами. Вместо того чтобы вручную делать скриншоты и писать описания, вы просто выполняете нужные действия, а расширение фиксирует каждый клик.

После установки расширения рекомендую закрепить его на панели инструментов Chrome — так им удобнее управлять. Если расширение не закреплено, вы увидите соответствующее напоминание в интерфейсе.

При клике на иконку расширения откроется боковая панель. Для работы требуется авторизация через аккаунт Steppo.

Перейдите на сайт, где хотите записать инструкцию, и нажмите кнопку «Записать новый Stepper». Запись нельзя начать на пустой вкладке, страницах chrome:// или в магазине расширений.

После старта записи каждый ваш клик автоматически фиксируется: делается скриншот и генерируется описание шага. Расширение записывает одинарные клики, двойные клики, клики правой кнопкой мыши, а также ввод текста в поля.

Переключение между вкладками тоже записывается как отдельные шаги, если эта опция включена в настройках.

Во время записи доступны следующие действия:

Завершить — сохраняет инструкцию и открывает её в веб-интерфейсе Steppo. Название генерируется автоматически на основе записанных шагов.

Пауза — временно приостанавливает запись. Клики в этом режиме не фиксируются.

Скриншот — добавляет скриншот текущего состояния страницы без привязки к клику.

Удалить — полностью удаляет текущую запись.

На Windows/Linux: Ctrl+Shift+K завершает запись, Ctrl+Shift+S делает скриншот, Ctrl+Shift+P ставит на паузу или возобновляет, Ctrl+Shift+Y удаляет инструкцию.

На Mac: вместо Ctrl используется Cmd.

Если включена опция «Использовать умные шаги», расширение отправляет данные о клике в GPT для генерации более осмысленных описаний. Без этой опции описания формируются по шаблонам на основе типа элемента.

Можно выбрать стиль текста: обращение во втором лице («Нажмите на кнопку») или обезличенное («Нажать на кнопку»).

Расширение умеет скрывать конфиденциальную информацию на скриншотах. В настройках записи доступны переключатели:

«Скрыть личную информацию» — размывает поля паролей, email, имена и другие чувствительные данные.

«Скрыть изображения» — размывает все картинки на странице.

«Скрыть текст и параграфы» — размывает длинные текстовые блоки.

«Скрыть строки таблиц» — размывает содержимое таблиц.

Также есть ручной режим маскировки: нажмите «Замаскировать элементы», кликните на нужные элементы страницы, затем подтвердите выбор галочкой. Выбранные элементы будут размыты на всех последующих скриншотах.

Перед записью можно задать размер окна браузера — это полезно для единообразия скриншотов. Доступны пресеты HD (1280×720) и Full HD (1920×1080), а также произвольные размеры.

Если нужно добавить шаги в существующую инструкцию, это делается через веб-интерфейс Steppo. При дозаписи в панели отображаются только новые шаги, а кнопка «Удалить» удаляет только их, не затрагивая основную инструкцию.

На иконке расширения отображается число — количество инструкций, созданных для текущего сайта. Нажмите на блок «Инструкции на текущем сайте» в панели, чтобы увидеть их список.

По умолчанию панель открывается сбоку браузера. Если удобнее работать с отдельным окном, нажмите иконку «Открыть в отдельном окне» в правом верхнем углу панели.