Більшість того, що я щодня прошу в ChatGPT чи Claude, давно не пишу руками. Промпти для ТЗ на статтю, метатеги під ключ, кластеризація ключів, вичитка тексту – усе це лежить у мене вже готовим. Довго ці промпти лежали в гугл-доці. І щоразу було одне й те саме: відкрити документ, погортати, знайти, скопіювати, повернутися у вкладку з чатом, вставити.
За день таких ходок набиралось кілька десятків. Мене це дратувало, тож я зробив собі кнопки прямо на сторінці чату. Спочатку скриптом у Tampermonkey (я згадував про нього в статті про автоматизацію SEO-задач), а згодом він виріс в окреме розширення для Chrome.
Нижче розписав, як ним користуватися і що де налаштовується. Щоб почати, вистачить перших шести розділів. Решта – про бекапи, перенесення кнопок між чатами, звукові сповіщенні й решту налаштувань.
Зміст:
- Що це за розширення
- На яких чатах працює
- Встановлення
- Панель керування
- Створення кнопки
- Як працює кнопка
- Перетягування і меню кнопки
- Вікно налаштувань
- Які налаштування свої для кожного чату
- Безпека і приватність
- Якщо щось не працює
- Часті питання
- Замість висновків
Що це за розширення
Prompt Buttons for AI – безкоштовне розширення для Chrome. Після встановлення на сторінці AI-чату з’являється невелика панель, з якої створюються кнопки. У кожну кнопку записується текст промпта.
Кнопці можна дати назву й колір, додати її в групу і поставити в будь-якому місці екрана.
На яких чатах працює
Зараз розширення підтримує 13 чатів:
| Чат | Адреса |
|---|---|
| ChatGPT | chatgpt.com |
| Claude | claude.ai |
| Gemini | gemini.google.com |
| Grok | grok.com і Grok всередині X (x.com/i/grok) |
| Perplexity | perplexity.ai |
| Microsoft Copilot | copilot.microsoft.com |
| Poe | poe.com |
| Mistral Le Chat | chat.mistral.ai |
| DeepSeek | chat.deepseek.com |
| Meta AI | meta.ai |
| You.com | you.com |
| Qwen Chat | chat.qwen.ai |
| Kimi | kimi.com |
На інших сайтах воно не запускається, доступу до них у розширення немає.
У кожного чату свій набір кнопок. Це я зробив навмисно: у Perplexity шукаю джерела, у Claude працюю з довгими текстами, і промпти там потрібні різні. Якщо ж кнопка знадобилась у двох чатах, її можна туди скопіювати – про це в розділі про міграцію.
Встановлення
Встановлюється розширення з Chrome Web Store. .
- На сторінці розширення тисну «Встановити» (Add to Chrome).
- Браузер питає підтвердження – погоджуюсь.
- Щоб іконка постійно була на панелі, клікаю на пазл біля адресного рядка і закріплюю розширення шпилькою.
Реєструватись ніде не треба. Сервера в розширення немає, тож і логінитись нікуди.
По іконці видно, чи бачить розширення поточну сторінку. На чатах зі списку вона помаранчева, на решті сайтів сіра.
Якщо чат відкритий, а іконка сіра, оновіть вкладку. Так буває з вкладками, які відкривали ще до встановлення розширення.
Мову інтерфейсу розширення бере з налаштувань браузера. Для української буде українська, для решти мов – англійська. Поміняти можна в налаштуваннях, на вкладці «Інші налаштування».
Панель керування
Відкриваю будь-який чат зі списку. Вгорі сторінки з’являється панель з іконками: плюс (1) створює нову кнопку, повзунки (2) відкривають налаштування, око (3) ховає або показує всі кнопки.
Око мені стало в пригоді, коли почав показувати екран на дзвінках. Кнопки там нікому не потрібні, тому перед показом ховаю їх одним кліком, а після дзвінка вмикаю назад. Поки кнопки сховані, око на іконці перекреслене. Після перезавантаження сторінки цей стан зберігається.
Саму панель можна пересунути. Затискаю праву кнопку миші на панелі, тягну, відпускаю. Місце запам’ятовується.
Чому права кнопка? Лівою клікаємо по іконках, і якби вона ж тягала панель, та постійно з’їжджала б від неточного кліку. З кнопками промптів працює так само.
Сторінки чатів часто перемальовуються: відкрили новий діалог, перейшли в історію. Якщо панель при цьому пропаде, розширення саме додасть її назад.
Створення кнопки
Тисну плюс, відкривається форма.
- Назва кнопки – підпис на кнопці. Я роблю короткі: «Title+Desc», «Кластери». Двох однакових назв в одному чаті розширення зберегти не дасть. Великі й малі літери воно не розрізняє, тому «FAQ» і «faq» для нього одна назва.
- Текст для вставлення – сам промпт. Довжина будь-яка, переноси рядків зберігаються.
- Колір кнопки і колір шрифту. Достатньо вибрати колір фону, а колір тексту підбереться сам, щоб читалось. Не подобається – міняю вручну. Колір попередньої кнопки розширення пам’ятає і підставляє в нову, це зручно, коли роблю кілька кнопок для одного проєкту.
- Група – необов’язкова. Коли починаю вводити назву, з’являються підказки з наявних груп. Якщо ввести нову назву, група створиться.
Праворуч прев’ю. Змінюю назву чи колір – воно одразу оновлюється.
Кнопок збереження дві. «Зберегти» залишає форму відкритою, якщо хочу ще щось підправити. «Зберегти і закрити» закриває її. Без назви або без тексту промпта кнопка не збережеться, розширення попросить заповнити поля.
Нова кнопка з’являється під панеллю. Після найпершої кнопки один раз вискочить підказка, як її перетягувати і як відкрити меню дій.
Як я пишу промпти для кнопок
Для кнопки промпт я пишу трохи інакше, ніж звичайний. Те, що міняється від разу до разу (запит, URL, текст), ставлю в кінець. Останнім рядком пишу щось на зразок «Ключовий запит: ». Після вставлення курсор якраз там, де треба дописати.
Кольори розподілив за типом задач: жовті для ключових слів, фіолетові для текстів, сірі для службових кнопок. Через тиждень потрібну кнопку вже знаходиш за кольором.
Як працює кнопка
Перший клік вставляє промпт у поле вводу (1). Напис на кнопці змінюється на «Відправити», а фон поступово світлішає – це таймер (2).
Якщо клікнути вдруге, поки таймер іде, розширення саме натисне кнопку відправлення в чаті.
Не клікнув удруге – через 5 секунд кнопка повертає звичайний вигляд, а промпт лишається в полі. Тривалість таймера міняється в налаштуваннях, від 1 до 60 секунд.
На практиці це так: копіюю запит із таблиці семантики, клік по «Title+Desc», Ctrl + V, ще клік. На запит іде кілька секунд.
Не встигаєте вставити дані за 5 секунд – збільште таймер. А якщо зазвичай дописуєте промпт і відправляєте через Enter, таймер краще зменшити, щоб кнопка не висіла в режимі «Відправити».
Поле вводу в чатах зроблене по-різному: десь це звичайний textarea, десь редактор із форматуванням. Для кожного чату в розширенні прописано, де шукати поле і кнопку відправлення. Багаторядкові промпти вставляються з нормальними переносами.
Буває, чат оновлює верстку, і кнопку відправлення розширення не знаходить. Тоді воно пробує натиснути Enter у полі вводу. Якщо на сторінці немає самого поля, з’явиться повідомлення «Поле вводу не знайдено на цьому сайті». Пиші
Перетягування і меню кнопки
Кнопки перетягуються так само, як панель: права кнопка миші, тягнемо, відпускаємо. Місце збережеться і після перезавантаження.
Якщо по кнопці просто клікнути правою кнопкою, не тягнучи, праворуч від неї з’являться чотири іконки.
- Олівець відкриває ту саму форму, що при створенні, тільки вже заповнену. Місце кнопки на екрані після редагування не змінюється.
- Кошик видаляє кнопку, але спочатку розширення перепитає. Якщо це була остання кнопка в групі, група теж зникне зі списку.
- Копія створює дублікат трохи нижче оригіналу, з позначкою «копія» в назві. Якщо таке ім’я вже зайняте, додасться номер. Так роблю варіації промпта: скопіював, поміняв пару рядків.
- Стрілка переносить кнопку в інший чат. Відмічаю потрібні чати, тисну «Застосувати». У вибраному чаті кнопка з’явиться, коли відкрию або оновлю його сторінку.
Меню ховається повторним кліком правою кнопкою. Або саме, приблизно через секунду після того, як курсор пішов з іконок.
Вікно налаштувань
Налаштування відкриваються іконкою з повзунками на панелі. Якщо вікно щось закриває, його можна посунути, потягнувши лівою кнопкою миші за заголовок.
На вкладках кнопок, груп та інших налаштувань зміни застосовуються тільки після «Зберегти» або «Зберегти і закрити». До того це чернетка. Натиснув «Відмінити» – усе повертається як було.
Налаштування кнопок
Тут перелік кнопок відкритого чату з назвами і групами. Вкладка потрібна для дій з кількома кнопками одразу.
- Відмічаю кнопки галочками (або «Вибрати всі»). Над списком видно, скільки вибрано.
- Тисну «Змінити групу» і вибираю групу, або «Видалити вибрані».
- Зберігаю.
Коли кнопок накопичилось кілька десятків без жодної системи, розсортувати їх тут виходить за хвилину. Старі промпти після закінчення проєкту теж зручно прибирати звідси.
Налаштування груп
Групу тут можна створити порожньою, наприклад під новий проєкт. Перейменування працює одразу для всіх кнопок групи.
Видалень два, і плутати їх не варто. «Видалити групу» прибирає тільки групу, кнопки лишаються без неї. Кнопки групи разом прибирає інша дія – «Видалити всі кнопки».
Галочка біля групи відповідає за те, чи видно її кнопки на сторінці. Результат видно одразу, але закріпиться він тільки після збереження.
Резервне копіювання
Поки кнопок п’ять, про бекап ніхто не думає. Коли їх п’ятдесят, втратити їх уже шкода. На цій вкладці два блоки: ручний експорт/імпорт і автоматичний бекап.
«Експорт налаштувань» завантажує JSON-файл з усіма кнопками поточного чату: тексти, кольори, групи, місце на екрані. Назва файлу виглядає так:
magic-buttons_claude.ai_2026-09-23_18-40-12_manual.json
«Імпорт налаштувань» бере кнопки з такого файлу і додає їх у чат, який зараз відкритий. Файл не обов’язково має бути з цього ж чату. Я, наприклад, експортував кнопки з Claude і імпортував у DeepSeek. Так само кнопки переносяться на інший комп’ютер.
Якщо частина кнопок із файлу вже є в чаті, розширення покаже кількість збігів і спитає, що робити:
| Варіант | Що станеться |
|---|---|
| Не додавати однакові | Додадуться тільки нові кнопки |
| Оновити існуючі | Дублів не буде, у наявних кнопок оновляться дані з файлу |
| Додати копії | Додасться все, навіть кнопки, що вже є |
| Відмінити | Імпорт скасовується |
Однаковими вважаються кнопки з однаковим текстом промпта в однаковій групі. Після імпорту розширення напише, скільки кнопок додано, оновлено і пропущено.
Автоматичний бекап вмикається так:
- Тисну «Оберіть папку» і вибираю папку на диску.
- Chrome просить дозвіл на запис у цю папку. Без нього файли туди не збережуться, тож дозволяю.
- Відмічаю, після яких дій створювати копію, і зберігаю.
Копія може створюватись раз на день (коли вперше за день відкриваю чат) або після певної дії: створення, редагування, копіювання чи видалення кнопки, а також імпорту. У мене відмічені «раз на день» і «після редагування».
Кілька нюансів. Без вибраної папки автобекап не працює, ручний експорт при цьому доступний. Повного шляху до папки в інтерфейсі не буде, лише назва – Chrome не показує розширенням структуру диска. Дозвіл на папку браузер часом скидає, тоді доведеться вибрати її знову. Кнопка «Скинути» відв’язує папку зовсім.
Ще одна річ: автобекап налаштовується в кожному чаті окремо. Папку можна вказувати одну й ту саму, файли не переплутаються, бо в їхніх назвах є домен.
Я вибрав папку, яку синхронізує Google Drive. Так копії автоматично потрапляють у хмару. Саме розширення в мережу нічого не відправляє, вивантажує клієнт Google Drive.
Міграція
Ця вкладка потрібна, коли кнопки з одного чату хочу мати ще в іншому.
- Відкриваю чат, де кнопки вже є, і переходжу на вкладку «Міграція».
- Відмічаю чати, куди переносити (можна кілька) і тисну «Мігрувати».
- У списку відмічаю кнопки, тисну «Продовжити».
- Відкриваю цільовий чат. Якщо він уже відкритий, оновлюю сторінку.
Коли цільовий чат завантажиться, кнопки з’являться разом із кольорами, групою і місцем на екрані. Розширення напише, скільки кнопок додано, оновлено і пропущено. Якщо такі кнопки там уже є, спитає, що з ними робити, як і під час імпорту.
Двічі одну кнопку в той самий чат розширення не перенесе. Воно пам’ятає, що вже мігрувало і яке рішення я ухвалив, навіть якщо це було «Відмінити». Після перезавантаження сторінки питати вдруге не буде.
Одну кнопку зручніше переносити стрілкою в її меню. А на інший комп’ютер чи в інший профіль Chrome міграція не дістає, туди тільки через експорт та імпорт.
Інші налаштування
Мова. Українська або англійська. Вона одна для всіх чатів, тож якщо поміняти її в ChatGPT, у Claude теж буде нова.
Секунд для повторного натискання. Це той самий таймер другого кліку, від 1 до 60 секунд, за замовчуванням 5.
Звук після завершення відповіді. Коли модель дописала відповідь, розширення подає сигнал. Мені це корисно на довгих запитах, поки я відповідаю на пошту в іншій вкладці.
За замовчуванням звук вимкнений. Вмикається галочкою, далі вибираєте один із шести варіантів: короткий сигнал, подвійний, м’який дзвінок, світлий дзвін, успішний акорд або клік-поп. Гучність – повзунком від 0 до 300%. Вище 100% повзунок червоніє і з’являється попередження, що може бути занадто голосно. Під час зміни звуку чи гучності сигнал програється одразу, тож підібрати можна без очікування відповіді від чату.
Нюанс: браузер не дає сторінці грати звук, поки ви з нею не взаємодіяли. Тому сигнал спрацює, якщо після відкриття вкладки ви хоч раз клікнули на сторінці або щось натиснули на клавіатурі. Зазвичай так і є, промпт же якось відправили.
Які налаштування свої для кожного чату
Майже все зберігається окремо для кожного чату. Спільна лише мова.
| Що | Де діє |
|---|---|
| Кнопки, їхні тексти, кольори, місце на екрані | Окремо для кожного чату |
| Групи і їх видимість | Окремо для кожного чату |
| Місце панелі керування | Окремо для кожного чату |
| Сховати всі кнопки (око) | Окремо для кожного чату |
| Таймер другого кліку | Окремо для кожного чату |
| Звук, його тип і гучність | Окремо для кожного чату |
| Папка і пункти автобекапу | Окремо для кожного чату |
| Мова інтерфейсу | Спільна |
У Gemini, де я запускаю довгі дослідження, звук у мене гучний. У DeepSeek відповідь приходить швидко, там звук вимкнений.
Безпека і приватність
У промптах буває робоча інформація, яку не хочеться нікому віддавати. Тому окремо розпишу, що з даними.
Сервера в розширення немає, акаунтів теж. Кнопки, промпти і налаштування нікуди з браузера не передаються. Аналітики, реклами чи трекерів у коді немає. Код із мережі розширення не підвантажує, працює тільки те, що є у файлах самого розширення, а їх перевіряє Chrome Web Store. Переписки з чатом воно не читає.
Для звуку розширенню теж не потрібен текст відповіді. Воно стежить за кнопкою зупинки генерації: поки вона на сторінці, чат ще відповідає, а коли пропала, лунає сигнал.
Дозволів у розширення два, плюс доступ до сайтів:
| Дозвіл | Навіщо |
|---|---|
storage | Зберігати кнопки і налаштування в браузері |
tabs | Розуміти, чи відкритий у вкладці чат зі списку, щоб перемикати іконку між помаранчевою і сірою |
| Доступ до сайтів | Лише до 13 чатів зі списку. Доступу до всіх сайтів (<all_urls>) розширення не просить |
Перевірити це можна самостійно: chrome://extensions → Prompt Buttons for AI → «Деталі».
Дані лежать у двох місцях, обидва на вашому комп’ютері. Перше – localStorage сайту чату, звідти кнопки завантажуються при відкритті сторінки. Друге – сховище самого розширення (chrome.storage.local), там страхувальна копія. Якщо почистити дані сайтів у Chrome, кнопки з localStorage зникнуть, але при наступному відкритті чату розширення відновить їх зі свого сховища.
Видалення розширення – інша історія. Chrome тоді стирає і його сховище. Перед видаленням, перевстановленням чи переїздом на інший комп’ютер зробіть експорт.
Паролі, токени і API-ключі в кнопки не кладіть. localStorage належить домену чату, тобто технічно доступний і скриптам самого сайту. На промпти це не впливає, їх ви і так відправляєте в цей чат, а от ключ від API там опинитись не повинен.
JSON-бекап – це звичайний текст, усі промпти в ньому видно. Перш ніж скинути файл колезі, гляньте, що там усередині.
Синхронізації між пристроями немає, бо немає сервера. Переносити кнопки – через експорт та імпорт. Доступ до папки з бекапами можна забрати кнопкою «Скинути» на вкладці бекапу або в налаштуваннях сайту в Chrome.
Якщо щось не працює
Чати регулярно оновлюють інтерфейс, тож час від часу щось може відвалитись. Що я б перевірив у першу чергу:
| Проблема | Що зробити |
|---|---|
| Панелі немає на сторінці | Оновити вкладку. Якщо іконка розширення сіра, цей сайт не підтримується |
| «Поле вводу не знайдено на цьому сайті» | Перейти у звичайний діалог: на службових сторінках чату (налаштування, бібліотека) поля вводу немає. Якщо повторюється і в діалозі – напишіть мені |
| Текст вставився, а другий клік не відправляє | Глянути, чи активна кнопка відправлення в самому чаті. Вона блокується, поки вантажиться файл або генерується попередня відповідь |
| Кнопки зникли | Перевірити око на панелі, потім галочки на вкладці груп. Якщо кнопок немає й у списку на вкладці кнопок – відновити з бекапу |
| Кнопка поза межами вікна | Розгорнути браузер на весь екран і перетягнути кнопку ближче до центру |
| Немає звуку | Звук вмикається окремо для кожного чату. Далі – гучність у налаштуваннях і чи не заглушена вкладка. І хоча б один клік на сторінці після відкриття |
| Файли автобекапу не з’являються | Вибрати папку ще раз: браузер міг скинути дозвіл |
| У консолі «Extension context invalidated» | Нормально після оновлення розширення. Оновити сторінку чату |
Часті питання
Розширення платне?
Ні. Користуйтеся на здоров’я.
Працює в Edge, Brave, Opera?
Ці браузери на Chromium і зазвичай ставлять розширення з Chrome Web Store. Я тестую в Chrome. Якщо браузер не підтримує вибір папки, автобекап не запрацює, про це з’явиться повідомлення. Ручний експорт працюватиме.
Скільки кнопок можна створити?
Ліміту немає. Упираєтесь хіба в розмір екрана, для цього й існують групи та око.
Випадково клікнув двічі, і повідомлення пішло. Як цього уникати?
Поставте таймер на 1–2 секунди. Тоді випадковий другий клік майже завжди запізнюється.
Мого чату немає в списку.
Напишіть, який. Щоб додати чат, треба прописати, де на його сторінці поле вводу і кнопка відправлення, це реально.
Замість висновків
Скільки часу мені зекономили кнопки, я не рахував. Але до гугл-доку з промптами повертатись точно не хочу. Головне, що економляться нерви. Тим паче в такі часи.
Такі дрібні повторювані дії є майже в кожному робочому процесі. Я, наприклад, ще раніше налаштував автозаміну тексту через Espanso для фраз, які пишу щодня.
Знайшли баг, кнопки не працюють у якомусь чаті, чи бракує функції – пишіть мені в телеграм або LinkedIn. Розширення я допрацьовую саме за такими повідомленнями.
Ну на канал SEO окунь підписуйтесь. Я там час від часу щось пишу або корисне, або дурне. І не спамлю.