Image Gen Extension
Браузерное расширение для генерации изображений в контексте редактора. TypeScript MV3 и UX для промптов и превью.
Подробнее
Stuzhuk Lab — Chemistry of Code
Химия кода
Браузерные расширения (Chrome MV3)
Расширения на TypeScript с аккуратными разрешениями, service worker и понятным UX под конкретный сценарий.
Современные расширения Chrome — мини-продукты: прозрачные разрешения, часто перезапускаемый service worker и простой обмен сообщениями.
Расширение часто встречает пользователя там, где он уже работает — рядом с веб-продуктом.
Примеры из практики
Недавние кейсы: image-gen-extension — проекты, где применялись навыки браузерные расширения (chrome mv3) (TypeScript, Chrome MV3, WebExtension API, content scripts, messaging, UX, сборка).
В этих проектах сочетались продуктовый UI, API и эксплуатационные задачи: роли, выгрузки, интеграции и наблюдаемость. Цель — система, которую ваша команда может развивать, а не одноразовый демо-прототип.
Типичное сотрудничество начинается с письменного брифа: ограничения, интеграции, комплаенс и критерии «готово» для первого релиза. Делим работу на вертикальные этапы — прогресс виден каждые 1–2 недели, приоритеты можно менять без потери нити.
После запуска — короткое сопровождение: краевые случаи, производительность, передача знаний. Дальнейшая поддержка остаётся у in-house команды или по ретейнеру — как удобнее вам.
Решения фиксируем понятным языком, держим staging близко к продакшену и оставляем runbook, чтобы команда не зависела от подрядчика после передачи. Если у вас уже есть дизайнеры или backend-разработчики — встраиваемся в ваши ритуалы, а не создаём параллельный процесс.
Критерии приёмки
Готово, когда
- MV3-расширение устанавливается и проходит основной сценарий
- Разрешения соответствуют минимальному согласованному набору
- Обмен сообщениями content script ↔ worker стабилен после reload
Что передаём
- Сборка + инструкция установки
- Черновик листинга Store при наличии в scope
Не входит
- Гарантия прохождения модерации Chrome Web Store
Финальный акт приёмки фиксируется в брифе или договоре; список выше — ориентир для согласования scope.
Примеры из портфолио
Все проектыКак работаю
Запрос
Вы описываете задачу, цели и ограничения — сроки, бюджет, инфраструктура.
Уточнение
Задаю вопросы, при необходимости смотрю текущий код или ТЗ, фиксируем объём.
План
Предлагаю этапы, приоритеты и ориентир по срокам; согласовываем формат отчётности.
Разработка
Итерации с промежуточными результатами: коммиты, демо, обратная связь.
Сдача и поддержка
Деплой, документация по необходимости; договариваемся о сопровождении или точечных доработках.
Частые вопросы
Нажмите на вопрос, чтобы раскрыть ответ.
Делаете ли расширения Manifest V3?
Да — MV3 на TypeScript: service worker, content scripts, простой обмен сообщениями.
Как подходите к разрешениям?
Запрашиваем только нужное, прозрачно описываем в карточке магазина, без широкого доступа к хостам по умолчанию.
Помогаете ли с публикацией в Chrome Web Store?
Готовлю сборку, privacy policy и материалы для модерации; аккаунт разработчика остаётся у вас.
А Firefox или Edge?
Базово — Chrome MV3; порты под Firefox/Edge возможны, когда API совпадают — по объёму проекта.
Может ли расширение работать с нашим веб-приложением?
Да — UI расширения + ваш REST API и авторизация без дублирования backend.