История о том, как простое желание поставить эмодзи-клоуна переросло в полноценное расширение с искусственным интеллектом
Пролог: Когда эмодзи становится проблемой
Знаете это чувство, когда коллега пишет что-то настолько абсурдное в рабочем чате, что хочется поставить реакцию ?, но в списке реакций её нет? А есть только стандартные ?❤️?????
Именно с этого всё и началось.
Мы в компании используем VK Teams (да, тот самый корпоративный мессенджер от VK), и в какой-то момент я понял, что мне катастрофически не хватает кастомных реакций. Захотел поставить ? на очередной упавший деплой — нельзя. Захотел ? на «забыл закоммитить» — тоже нельзя. Захотел ✨ на красивое решение — опять мимо.
И тут я подумал: «А что если... сделать это самому?»
Так началось моё путешествие в мир браузерных расширений, которое переросло в нечто гораздо большее. Спойлер: в итоге я получил не только кастомные эмодзи, но и AI-помощника, который пишет ответы за меня, и автоматическую запись звонков с расшифровкой. Но обо всём по порядку.
Глава 1: Userscript, который не взлетел
Первая мысль была очевидной: «Напишу простенький скрипт через Tampermonkey, и дело с концом!»
Идея простая как пять копеек:
Скрипт находит все сообщения на странице
Добавляет к каждому красивую кнопку ?
При клике показывает выбор из 6 кастомных эмодзи
Отправляет выбранную реакцию на сервер
Час работы, и готово! Запускаю, жму на кнопку и... ничего. Открываю консоль браузера, а там:
Refused to execute inline script because it violates
the following Content Security Policy directive...
О нет. CSP. Content Security Policy.
Для тех, кто не в курсе: это такая штука в браузере, которая запрещает сторонним скриптам делать что попало на странице. Придумана для безопасности, чтобы злоумышленники не могли внедрить свой код. И VK Teams, как и любой современный сервис, использует очень строгий CSP.
Проблема в том, что Tampermonkey работает именно через внедрение кода в страницу. А VK Teams говорит: «Нет, мой друг, здесь чужой код не запускается.»
Даже если я открою консоль браузера и попытаюсь вручную выполнить любой код — CSP блокирует и это. Полная изоляция.
Попытка №1**: Неудача ❌
Но я не сдался. Стал гуглить, читать StackOverflow, спрашивать у ChatGPT. И выяснил интересную вещь: браузерные расширения обходят CSP! Они работают в специальном изолированном контексте, у них есть привилегии, которых нет у обычн��х скриптов.
Значит, нужно делать расширение.
Глава 2: Chrome Extension — правильный путь
Почему расширение работает, а скрипт нет?
Представьте, что сайт — это закрытая вечеринка. CSP — это охрана на входе, которая проверяет приглашения. Userscript — это чувак, который пытается проникнуть без приглашения, через окно. Охрана его ловит и выкидывает.
А расширение для браузера — это VIP-гость, у которого есть золотая карта. Охрана его пропускает, потому что он пришёл не снаружи (со страницы), а изнутри (из браузера).
Технически, расширение работает в «isolated world» — отдельном мире, который может видеть и изменять страницу, но при этом не подчиняется её правилам безопасности.
Как работает расширение
Браузерное расширение — это набор файлов:
manifest.json — главный файл, в котором описано, что умеет расширение
content.js — скрипт, который запускается прямо на странице VK Teams
background.js — фоновый скрипт, работающий в браузере (для особо сложных задач)
popup.html — всплывающее окно с настройками
Я начал с манифеста — описал, что расширение будет работать только на страницах VK Teams, и ему нужен доступ к активной вкладке и cookies (чтобы читать токен авторизации).
Находим сообщения и добавляем кнопки
Первая задача: найти все сообщения на странице и добавить к каждому кнопку.
Казалось бы, просто: при загрузке страницы ищем все сообщения и добавляем кнопки. Но VK Teams — это современное одностраничное приложение (SPA). Когда вы переключаетесь между чатами, страница не перезагружается полностью, а содержимое меняется динамически. Сообщения появляются и исчезают на лету.
Решение — использовать MutationObserver. Это встроенная в браузер штука, которая следит за изменениями в структуре страницы и сообщает, когда что-то добавилось или удалилось. Как видеонаблюдение за DOM-деревом.
Настроил наблюдатель, и теперь он автоматически отлавливает все новые сообщения и сразу добавляет к ним кнопки. Красота!
Отправляем реакцию
Самое интересное — как отправить реакцию на сервер?
Я открыл DevTools, вкладку Network, и стал кликать на стандартные реакции в VK Teams, наблюдая, какие запросы уходят. И увидел красоту: VK Teams использует внутренний API (они называют его RAPI — REST API).
Каждый раз, когда вы ставите реакцию, уходит POST-запрос на специальный адрес. В запросе передаётся:
ID сообщения (какому сообщению ставим реакцию)
ID чата (в каком чате находимся)
Сам эмодзи (? или ?)
Токен авторизации (AIMSID) — читается из cookies
Я просто повторил этот запрос из своего расширения. Отправил — сработало! Реакция появилась в чате.
Результат: Работает! ?
Теперь я могу ставить любые эмодзи — ?, ?, ?, ✨ — что душе угодно. Коллеги увидели и начали спрашивать: «Как ты это делаешь?!». Эффект достигнут.
Казалось бы, можно остановиться. Задача решена. Но... разработчику всегда мало. У меня уже есть кнопка на каждом сообщении. А что если добавить туда ещё что-нибудь полезное?
Глава 3: «А что если добавить AI?»
Через неделю использования расширения меня осенило.
Смотрю я на эту кнопку ? рядом с каждым сообщением и думаю: «У меня уже есть инфраструктура — кнопка, popup, обработчик кликов. А что если сделать не просто реакции, а умные действия с помощью AI?»
Представьте:
Коллега написал длинное сообщение на три абзаца? Кнопка "Сжать" — AI делает короткое резюме в 2 предложениях.
Пришло сообщение, нужно ответить, но лень думать? Кнопка "Smart Reply" — AI генерирует уместный ответ.
Технарь написал что-то с кучей терминов, а нужно переслать менеджеру? Кнопка «Объяснить простым языком» — AI переводит технический жаргон на человеческий.
Сообщение на английском? Кнопка «Перевести» — мгновенный перевод.
Хочется изменить тон с «Исправь этот баг!» на вежливое «Не мог бы ты посмотреть эту проблему?»? Кнопка «Изменить тон» — AI переписывает в нужном стиле.
Идея показалась настолько крутой, что я решил: делаю!
Выбираем AI провайдера
Первый вопрос: какой AI использовать?
Вариантов куча:
OpenAI (GPT-4, GPT-3.5) — самый популярный, отличное качество
Anthropic Claude — очень умный, хорошо понимает контекст
Google Gemini — быстрый и бесплатный в разумных лимитах
Ollama — локальные модели, работают прямо на компьютере
Любой кастомный API — может, у вас в компании свой AI?
Я не хотел привязываться к одному провайдеру. Поэтому сделал универсальный интерфейс, который поддерживает все пять вариантов. Выбираешь в настройках что хочешь, вводишь API ключ — и готово.
Все провайдеры работают примерно одинаково: отправляешь текстовый запрос (промпт) — получаешь текстовый о��вет. Детали немного отличаются (разные форматы запросов, разные адреса), но суть одна.
Проблема: браузер блокирует запросы
Написал код, который отправляет запрос к OpenAI... и снова получил ошибку! На этот раз CORS (Cross-Origin Resource Sharing).
Браузер не разрешает странице отправлять запросы на другие домены. Это защита от злоумышленников. Страница VK Teams не может просто так отправить запрос к OpenAI — браузер блокирует.
Но у расширений есть преимущество: background script (фоновый скрипт расширения) работает не на странице, а в браузере, и у него полные права. Он может отправлять запросы куда угодно.
Решение простое:
Кнопка на странице отправляет сообщение фоновому скрипту: «Эй, отправь это к OpenAI!»
Фоновый скрипт делает запрос к OpenAI
Получает ответ и передаёт обратно на страницу
Страница показывает ответ пользователю
Это как посредник: страница не может сама сходить в магазин (CORS не пускает), но может попросить курьера (background script), у которого есть пропуск.
Пишем умные промпты
Самое интересное в работе с AI — это написание правильных промптов (запросов).
Нельзя просто написать «Ответь на это сообщение». AI не знает контекста — где вы работаете, какой тон нужен, насколько формально отвечать.
Нужно детально объяснить задачу. Например, для функции «Smart Reply» я написал:
«Ты помощник для корпоративного мессенджера. Твоя задача — сгенерировать уместный ответ на сообщение коллеги. Это рабочая переписка, нужен краткий естественный ответ. Если это вопрос — дай конкретный ответ. Если просьба — подтверди понимание. Длина: 1–3 предложения. Тон профессиональный но дружелюбный. Избегай шаблонных фраз.»
Чем детальнее промпт, тем лучше результат.
Мой любимый промпт — для функции «Explain for Manager» (объяснить менеджеру). Он берёт техническое сообщение и переводит на простой язык:
Было: «Деплой упал из-за race condition в микросервисе, нужно рефакторить»
Стало: «Обновление системы не прошло из-за конфликта данных. Старый код мешает, нужна неделя на исправление»
Менеджер доволен, все всё поняли, никто не спрашивает «А что такое race condition?»
Результат: AI прямо в чате
Теперь у меня на каждом сообщении не просто кнопка с эмодзи, а целое меню:
? Реакции — стандартные + кастомные эмодзи
⚡ Smart Reply — AI пишет ответ
? Summarize — сжимает длинный текст
? Translate — переводит
? Change Tone — меняет стиль (формальный/неформальный/дружелюбный)
? Explain for Manager — упрощает технический жаргон
Коллеги смотрят как на волшебника. «Как ты так быстро отвечаешь?» А я просто жму кнопку, AI думает 2 секунды, и готово.
Иногда даже забавно: получаю длинное техническое сообщение, жму «Summarize», получаю две строки с сутью, жму «Smart Reply», и ответ готов. Потратил 5 секунд вместо 5 минут.
Глава 4: «Раз уж есть AI, почему бы не записывать звонки?»
Сидим мы как-то с коллегой на созвоне в VK Teams, обсуждаем архитектуру нового микросервиса. Он объясняет важную штуку про балансировку нагрузки, я киваю, понимаю... и через 10 минут уже не помню половину деталей.
«Подожди, повтори про ту часть с кешированием?»
«Эм... я уже не помню точно, что говорил...»
Классика.
И тут я вспоминаю: в VK Teams же есть встроенная запись звонков! Сейчас включу, и проблема решена.
Но не всё так просто. Начинаю разбираться, и вот что обнаруживаю:
Проблема №1: Запись нужно включать вручную каждый раз
Нельзя сделать «записывай все звонки автоматически». Перед каждым звонком нужно не забыть нажать кнопку «Начать запись». А если ты это вспомнил через 5 минут разговора — начало уже потеряно.
Проблема №2: Ждать обработки
После звонка файл не доступен сразу. VK Teams отправляет запись боту, который её обрабатывает. Это может занять от 1 до 10 минут, в зависимости от длины звонка и нагрузки на серверы.
Сидишь, ждёшь... а тебе нужно ПРЯМО СЕЙЧАС вспомнить, что там сказали про дедлайн.
Проблема №3: Файл приходит в личку
После обработки бот присылает аудио-файл тебе в личные сообщения. Не в чат, где был звонок. Не в удобный плеер с тайм-кодами. А просто файл в личку.
Хочешь найти запись недельной давности? Скроль, скроль, скроль... где-то здесь была...
Проблема №4: Расшифровка - отдельный квест
Транскрибации нет вообще. Хочешь текст разговора? Извольте:
Скачать аудио-файл
Зайти на какой-то сторонний сервис (или поднять свой Whisper)
Загрузить файл туда
Подождать обработки
Скопировать текст
Сохранить где-то
15 минут на то, что должно быть одной кнопкой.
Проблема №5: Разделения спикеров нет
Даже если ты получил расшифровку, там просто сплошной текст. Непонятно, кто что говорил. Приходится вспоминать по контексту.
Я посмотрел на всю эту боль и подумал: «Ну его. У меня уже есть AI в расширении... и background script, который может делать что угодно... и я уже умею работать с браузером...»
Моя идеальная запись звонков:
✅ Включается автоматически (не нужно помнить про кнопку)
✅ Доступна сразу после звонка (не ждать обработки)
✅ Хранится локально в браузере (быстрый доступ, не искать в личке)
✅ Автоматическая расшифровка через Whisper
✅ Разделение спикеров через AI
✅ Удобный поиск по тексту
Думаю: «А что если сделать это самому?»
Задача нетривиальная, но интересная. Погнали!
Проблема №1: Как перехватить аудио напрямую?
Стандартная запись VK Teams работает так: звук идёт на их серверы, там обрабатывается, конвертируется, и только потом приходит вам файлом в личку. Это занимает время.
Мне нужно было перехватить аудио-поток напрямую в браузере, ДО того как VK Teams отправит его на обработку. Тогда я смогу сохранить запись мгновенно, без ожидания.
В браузере звук работает через WebRTC (технология для видео/аудио звонков). VK Teams запрашивает у браузера доступ к микрофону и настраивает соединение для получения звука от собеседника.
Решение — я «подменил» эти функции браузера. Представьте, что вы сделали копию ключа от квартиры до того, как отдали оригинал. Технически это называется «monkey patching» — переопределение встроенных функций.
Теперь, когда VK Teams говорит: «Браузер, дай доступ к микрофону», браузер сначала спрашивает у меня. Я отвечаю: «Держи», но попутно сохраняю копию аудио-по��ока себе. Для VK Teams всё выглядит нормально, а у меня есть прямой доступ к звуку!
То же самое с входящим звуком от собеседника — перехватываю и сохраняю копию.
Проблема №2: Как определить начало и конец звонка?
Не могу же я записывать непрерывно весь день. Нужно понять, когда звонок начался и когда закончился.
VK Teams показывает окно звонка - специальный интерфейс с кнопками «Завершить», таймером и т. д. Я сделал детектор, который каждую секунду проверяет: есть ли на странице окно звонка?
Появилось окно — начинаю запись. Исчезло — останавливаю и сохраняю файл.
Просто, но работает надёжно.
Проблема №3: Куда сохранять записи?
Записи могут быть большими — часовой звонок это 20-30 МБ аудио. Нельзя использовать обычное хранилище браузера (localStorage) — там лимит 10 МБ.
Решение — IndexedDB. Это встроенная в браузер база данных, где можно хранить сколько угодно данных (ну, в разумных пределах — пока не кончится место на диске).
Создал базу данных, в ней таблицу «recordings» (записи). Каждая запись содержит:
Аудио-файл (Blob)
Дату и время звонка
Длительность
Имя собеседника (если удалось определить)
Текст расшифровки (добавляется позже)
Добавляем Whisper для расшифровки
Запись есть, но слушать часовой звонок заново — не вариант. Нужна расшифровка.
OpenAI Whisper — это AI модель, которая переводит речь в текст. Причём очень точно, даже с акцентами и шумом справляется.
У Whisper есть API: отправляешь аудио-файл — получаешь текст. Идеально!
Единственная сложность: нельзя отправить файл прямо со страницы (опять CORS). Но у меня уже есть background script-посредник, который решает эту проблему.
После записи звонка автоматически отправляю аудио в Whisper API, получаю расшифровку, сохраняю в базу данных.
Проблема №5: Как разделить спикеров?
Whisper возвращает просто текст разговора одним полотном:
«Привет как дела отлично слушай по поводу проекта нужно обсудить архитектуру да согласен давай начнём с базы данных...»
Непонятно, кто что сказал. Где моя реплика, где коллеги?
Whisper не умеет разделять спикеров (это называется speaker diarization). Но... у меня же уже есть AI! Который понимает контекст!
Отправляю расшифровку в Claude/GPT с промптом:
«Это транскрипция разговора двух людей. Определи, кто что говорит, основываясь на контексте, вопросах-ответах, паузах. Раздели на реплики: Участник 1: ..., Участник 2: ...»
И AI прекрасно справляется! Он видит структуру диалога (один спрашивает — другой отвечает), понимает смену темы, видит обращения («как ты думаешь...») и разбивает текст на спикеров.
Результат получается вот такой:
Участник 1: Привет! Как дела?
Участник 2: Отлично, спасибо! Слушай, по поводу проекта — нужно обсудить архитектуру.
Участник 1: Да, согласен. Давай начнём с базы данных...
Гораздо удобнее читать!
Итоговый флоу записи звонка
Весь процесс выглядит так:
Начало звонка — детектор замечает окно звонка, автоматически начинает запись
Перехват аудио — ловлю аудио-поток напрямую через monkey patching WebRTC
Запись в реальном времени — сохраняю звук по мере разговора
Конец звонка — детектор замечает, что окно закрылось
Сохранение — мгновенно записываю файл в IndexedDB (без ожидания обработки)
Расшифровка — автоматически отправляю в Whisper API
Разделение спикеров — отправляю транскрипцию в AI
Готово — запись с текстом доступна сразу в расширении
Всё автоматически! Просто разговариваешь, и после звонка у тебя полная расшифровка. Без кнопок, без ожидания, без поисков файла в личке.
Зачем это нужно?
После внедрения этой функции я:
Перестал забывать детали важных разговоров
Могу быстро найти нужный момент по тексту (Ctrl+F)
Делюсь расшифровками с коллегами, которые пропустили встречу
Использую как базу знаний («А как мы тогда решили про кеширование?»)
Особенно полезно на технических обсуждениях, где много деталей, и на встречах с менеджментом, где важно не упустить договорённости.
Финальная картина: Что получилось
К этому моменту моё «простое расширение для эмодзи» превратилось в полноценный комбайн:
1. Кастомные реакции
6 эмодзи на выбор (можно настроить свои)
Кнопка на каждом сообщении
Работает быстро и надёжно
2. AI-ассистент
5 типов AI на выбор (OpenAI, Claude, Gemini, Ollama, Custom)
Smart Reply — автоответы
Summarize — сжатие длинных сообщений
Translate — перевод
Change Tone — изменение стиля
Explain for Manager — перевод технического на человеческий
3. Запись звонков
Автоматическая запись (без кнопок)
Мгновенный доступ после звонка
Автоматическая расшифровка через Whisper
Разделение спикеров через AI
Хранение локально в браузере
Удобный просмотр и поиск по тексту
Всё это живёт в одном расширении, работает бесшовно, не требует сложной настройки.
Технические вызовы и как я их решил
Оглядываясь назад, вот самые интересные проблемы, с которыми пришлось столкнуться:
1. CSP (Content Security Policy)
Проблема: Userscript блокируется политикой безопасности VK Teams
Решение: Chrome Extension работает в изолированном контексте и обходит CSP
2. CORS (Cross-Origin Resource Sharing)
Проблема: Браузер не даёт отправлять запросы к AI API с чужого домена
Решение: Background script как посредник с полными правами
3. Динамический DOM
Проблема: VK Teams — одностраничное приложение, сообщения появляются/исчезают динамически
Решение: MutationObserver следит за изменениями и добавляет кнопки на лету
4. Перехват аудио в реальном времени
Проблема: Нужно получить доступ к аудио-потоку напрямую, не дожидаясь обработки на серверах VK Teams
Решение: Monkey patching WebRTC API для перехвата потоков до их отправки на сервер
5. Автоматическое определение звонка
Проблема: Нужно автоматически начинать/останавливать запись без ручного нажатия кнопки
Решение: Детектор отслеживает появление/исчезновение UI элементов звонка
6. Передача больших файлов
Проблема: Аудио-файлы нельзя напрямую передать между частями расширения
Решение: Конвертация в Base64 перед передачей
7. Разделение спикеров
Проблема: Whisper не умеет speaker diarization
Решение: AI анализирует транскрипцию по контексту и разбивает на реплики
8. Хранение больших данных
Проблема: localStorage слишком мал для аудио-записей
Решение: IndexedDB для хранения больших объёмов данных локально
Уроки, которые я вынес
1. Расширения мощнее скриптов
Если нужно обойти ограничения браузера (CSP, CORS) — однозначно идите в расширения. Они работают на более глубоком уровне и имеют привилегии, которых нет у обычных скриптов.
2. Один раз построишь инфраструктуру — потом добавляй фичи легко
После того, как я сделал кнопку с popup'ом для эмодзи, добавить туда AI было делом пары часов. А потом добавить запись звонков — ещё столько же. Хорошая архитектура окупается.
3. AI — это просто инструмент
Не нужно быть ML-инженером, чтобы использовать AI. Достаточно понять, как работает API (отправляешь текст — получаешь текст), и научиться писать хорошие промпты.
4. Monkey patching — мощная техника
Подмена встроенных функций браузера даёт невероятные возможности. Но нужно делать это аккуратно — важно перехватить функцию ДО того, как страница начнёт её использовать.
5. Браузерные API очень мощные
Web Audio API, MediaRecorder, IndexedDB, WebRTC — в браузере есть всё, чтобы сделать сложные вещи. Не нужны внешние библиотеки на гигабайт — всё встроено.
6. Хорошие промпты = хорошие результаты
Качество работы AI на 80% зависит от промпта. Чем детальнее описываешь задачу, контекст, примеры — тем лучше результат. Первый промпт почти никогда не идеален - нужно итерировать.
7. Пользователи любят магию
Коллеги не хотят знать про WebRTC, monkey patching, Whisper API. Им нравится магия: «Я говорю — появляется текст». Простой UX важнее технической сложности под капотом.
Что дальше?
Текущая версия работает стабильно, но идей ещё куча:
1. Real-time транскрипция
Расшифровывать разговор прямо во время звонка, показывать субтитры в реальном времени. Технически возможно через streaming к Whisper API.
2. Голосовые команды
«Окей, VK Teams, поставь ? на последнее сообщение от Саши». Распознавание речи + выполнение команд.
3. Умные саммари встреч
После звонка автоматически генерировать:
Краткое резюме
Список action items (кто что должен сделать)
Важные решения
Вопросы, которые остались открытыми
4. Интеграция с Notion/Confluence
Автоматически сохранять расшифровки и саммари в корпоративную wiki.
5. Детекция эмоций
Анализ тона голоса — энтузиазм, фрустрация, сарказм. Полезно для понимания, как на самом деле собеседник относится к обсуждаемой теме.
6. Многоязычность
Автоматическое определение языка и перевод в реальном времени. Говоришь на русском — собеседник видит английские субтитры (или наоборот).
7. Умный поиск по звонкам
«Найди все звонки, где мы обсуждали архитектуру базы данных». Semantic search по векторным эмбеддингам.
8. Анализ продуктивности
Статистика: сколько времени в созвонах, какие темы обсуждаются чаще, с кем общаешься больше всего.
Но это всё в будущем. Пока наслаждаюсь тем, что есть.
Как попробовать?
Проект полностью open-source и доступен на GitHub:
? https://github.com/nordby/vk-teams-custom
Установка за 2 минуты:
Скачайте проект с GitHub (зелёная кнопка Code → Download ZIP)
Откройте в Chrome страницу
chrome://extensions/Включите "Режим разработчика" (Developer mode) в правом верхнем углу
Нажмите "Загрузить распакованное расширение" (Load unpacked)
Выберите папку с расширением
Готово! Откройте VK Teams и увидите кнопку ? на каждом сообщении
Настройка AI (опционально):
Если хотите использовать AI-функции:
Кликните на иконку расширения в браузере
Выберите AI провайдера (OpenAI, Claude, Gemini, Ollama, Custom)
Введите API ключ
Сохраните
Готово! Теперь доступны Smart Reply, Summarize, Translate и остальные AI-функции.
Настройка записи звонков (опционально):
Откройте настройки расширения
Включите «Запись звонков»
Выберите, хотите ли автоматическую расшифровку
При желании настройте модель Whisper (работает с любым OpenAI-compatible API)
Звонки будут записываться автоматически и сохраняться локально в браузере.
Безопасность и приватность
Что хранится локально (в вашем браузере):
Настройки расширения
API ключи (в chrome.storage)
Записи звонков (в IndexedDB)
Транскрипции
Что отправляется наружу:
Текст сообщений → в выбранный вами AI API (только при клике на AI-функции)
Аудио-записи → в Whisper API (только если включена транскрибация)
Реакции → на сервера VK Teams (через официальный API)
Что НЕ отправляется:
Личные сообщения (без вашего явного действия)
История переписки
API ключи (хранятся только локально)
Любые данные третьим лицам
Подробнее о безопасности читайте в файле SECURITY.md в репозитории.
Можно ли использовать с другими мессенджерами?
Технически — да! Архитектура достаточно универсальная.
Основное, что нужно адаптировать:
Селекторы сообщений (как найти сообщения на странице)
API endpoint (куда отправлять реакции)
Метод авторизации (вместо AIMSID может быть другой токен)
Если в вашей компании используется Slack, Microsoft Teams, Mattermost или что-то ещё — можете форкнуть проект и адаптировать. Основная логика (AI, запись звонков, UI) остаётся той же.
Заключение
Вот так простое желание поставить эмодзи-клоуна превратилось в полноценное расширение с искусственным интеллектом и автоматической записью звонков.
Это отличный пример того, как одна маленькая идея может снежным комом вырасти во что-то большое и полезное.
Три главных урока:
Решайте свои реальные проблемы — лучшие проекты рождаются не из абстрактных идей, а из личного неудобства. Мне не хватало эмодзи — я сделал расширение.
Не бойтесь расширять scope — после эмодзи я подумал «раз уж я здесь, почему бы не добавить AI?», потом «раз есть AI, почему бы не записывать звонки?». Каждая следующая фича становится проще предыдущей.
Open source это круто — я делился кодом с коллегами, получал feedback, добавлял фичи по их запросам. Проект становится лучше, когда над ним работает не один человек.
Если вы используете VK Teams — попробуйте расширение! Если используете другой мессенджер — форкните и адаптируйте.
А если у вас есть идеи по улучшению или нашли баг — welcome в issues и pull requests на GitHub! ?
P.S. Коллега, которому я впервые поставил ? на сообщение про упавший деплой, сказал: «Наконец-то адекватная реакция!». Миссия выполнена. ✅
P.P.S. Да, и я всё-таки записал тот звонок про архитектуру. Расшифровка помогла — вспомнил все детали про кеширование! ?