Mimik

Mimik — бесплатное браузерное расширение с открытым исходным кодом, которое записывает ваши действия в браузере и превращает их в пошаговое руководство со скриншотами. Нажимаете «запись», делаете то, что хотите объяснить, — и на выходе получаете готовую инструкцию, которую можно отредактировать, воспроизвести или выгрузить в видео, PDF, DOCX, Markdown и другие форматы. Пригодится, если нужно задокументировать внутренний инструмент, написать туториал по продукту или провести онбординг коллеги.

Ставится в Chrome, Firefox и Edge из официальных магазинов расширений. Во время записи Mimik подхватывает все значимые действия: клики по кнопкам и ссылкам, ввод в формы, горячие клавиши, операции с буфером обмена, drag-and-drop, переходы между страницами. Каждое становится отдельным шагом со снимком экрана, где нужный элемент подсвечен и увеличен, — обрезать и подписывать вручную не придётся. Быстрые клики по соседним элементам объединяются, чтобы руководство не превращалось в кашу, а сами клики перехватываются до перехода, так что ни SPA, ни полная перезагрузка страницы шаги не потеряют. Запись можно поставить на паузу и продолжить с того же места.

Отдельная история — приватность. Всё живёт в браузере: нет бэкенда, аккаунта и телеметрии, руководства и скриншоты остаются на вашем устройстве. За пределы браузера уходят только две вещи: запрос иконок сайтов к сервису фавиконок Google и опциональные функции ИИ и озвучки, если вы их включите. Для чувствительных данных есть режим Smart Blur: вы входите в него во время записи, Mimik находит и маскирует email, телефоны, номера SSN, карты, IP- и MAC-адреса, и на снимках этой страницы они останутся скрытыми. Можно также вручную указать любой DOM-элемент, и он замаскируется на всех снимках, где появится. Но у режима есть честно описанные границы — он сканирует только текстовые узлы и значения полей в верхнем фрейме, поэтому не достанет содержимое iframe, Shadow DOM, текст на canvas и внутри картинок, содержимое CSS-псевдоэлементов, значения из атрибутов вроде title или alt. Ещё: размытие работает с момента входа в режим, задним числом старые снимки не маскируются, а текст, появившийся после нажатия Done, тоже останется открытым. Если вы опираетесь на эту функцию ради GDPR, авторы советуют глазами проверять снимки, а не считать «чистый» кадр безопасным.

ИИ-функции подключаются по схеме «принеси свой ключ» и остаются необязательными. С ключом OpenAI или Anthropic Mimik сформирует человеческие описания шагов — вместо сухого «Click Submit» получится «Click the Submit button to save changes». Описания генерируются из облегчённого DOM-контекста, примерно 50–100 токенов на шаг, что в 15–30 раз дешевле vision-моделей, а язык текста выбирается отдельно от языка интерфейса. С ключом OpenAI или Groq можно проговаривать процесс вслух прямо во время записи — аудио транскрибируется и раскладывается по соответствующим шагам. Озвучка видеоэкспорта работает через ключ OpenAI или ElevenLabs, включается в панели экспорта и по умолчанию выключена: наличие ключа само её не активирует. Сами ключи не покидают браузер — хранятся локально и используются для прямых вызовов провайдера.

Готовое руководство можно доработать в редакторе, не переписывая всё заново: обрезать и аннотировать снимки, скрыть на них данные, переписать шаг с помощью ИИ на месте, добавить заголовки и заметки между шагами, поменять порядок, удалить лишнее пачкой или откатиться по истории версий. Режим Guide Me проигрывает инструкцию поверх реальной страницы — подсвечивает следующий элемент, следит за прогрессом и сам переходит к очередному шагу. Форматы на выходе такие:

• видео mp4/H.264 с движущимся к цели курсором, опционально с голосовой озвучкой шагов — такой экспорт подходит под требования Section 508;
• GIF — короткий зацикленный клип для чата или комментария к задаче;
• PDF — готовый к печати, A4 в портретной ориентации с автоматическими разрывами страниц;
• DOCX — открывается и правится дальше в Word;
• HTML — самодостаточный файл с картинками в base64;
• Markdown — для Notion, GitHub, вики и внутренней документации;
• файл .mimik — по сути zip с манифестом, скриншотами и README.md, который читается как документ даже без расширения.

Делиться руководством можно как обычным файлом — письмом, через Slack, коммитом в репозиторий; ни сервер, ни аккаунт не нужны. Получатель импортирует .mimik кнопкой Import или перетаскиванием в библиотеку, и перед добавлением увидит, что именно отправитель вырезал. Обратно импортируется только формат .mimik, остальные экспорты генерируются на стороне клиента и никуда не отправляются. На экспорте срабатывает ещё несколько защитных мелочей: размытые области впечатываются в пиксели, так что снять их получатель не сможет; введённый вами текст вычищается из описаний шагов, заголовков и ссылок; ссылки по умолчанию обрезаются до адреса страницы, а значит query-строки с сессионными токенами отбрасываются. При этом скриншот всё равно показывает всё, что было на экране в момент съёмки, — чувствительное лучше замазать самому.

Код и документация лежат в публичном репозитории westpoint-io/mimik на GitHub, лицензия MIT, правообладатель — Westpoint. Расширение собрано на Manifest V3 (React, TypeScript, wxt), интерфейс доступен на английском, испанском, бразильском португальском, французском, немецком и упрощённом китайском. Проект открыт для сообщества: баг-репорты, запросы функций, пул-реквесты и переводы приветствуются, а как поднять окружение и по каким правилам контрибьютить — описано в CONTRIBUTING.md.