Image Gen Extension
Браузерне розширення для генерації зображень у контексті редактора. TypeScript MV3, UX для промптів і превʼю.
Докладніше
Stuzhuk Lab — Chemistry of Code
Хімія коду
Браузерні розширення (Chrome MV3)
Розширення на TypeScript із зрозумілими дозволами, service worker і UX під конкретний сценарій.
Обговорити задачуФорма контакту
Коротко опишіть мету, обмеження стеку та строки — відповім у Telegram.
Сучасні розширення 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.
Обговорити задачуФорма контакту
Коротко опишіть мету, обмеження стеку та строки — відповім у Telegram.