У цій статті показано, як підключити Slack до Onepage за допомогою Claude та протоколу Model Context Protocol (MCP). Це налаштування дає змогу запускати створення вебсайтів у Onepage безпосередньо через чат-команди в Slack.
Компоненти
Slack: Інтерфейс користувача для введення текстових команд.
Claude: AI-модель у Slack, яка обробляє запити.
Onepage-MCP: Протокольний міст, який дає змогу Claude безпечно підключатися до Onepage та виконувати команди для створення вебсайтів.
MCP — це інтерфейс між Onepage та зовнішніми AI-асистентами, що дає змогу керувати сторінками, вмістом і структурами вебсайтів безпосередньо через ці інструменти. Докладне пояснення про MCP ви знайдете в цій статті.
📌 Примітка: Під час створення вебсайту Onepage через MCP AI-кредити Onepage не витрачаються. Натомість ви використовуєте токени відповідного AI-інструмента (наприклад, Claude, ChatGPT, Cursor), підключеного до Onepage.
Навіщо використовувати Claude у Slack?
Створення вебсайтів Onepage через Claude безпосередньо в Slack дає чіткі операційні переваги порівняно зі стандартним вебінтерфейсом Claude:
Без перемикання контексту: Ви можете створювати, оновлювати та керувати своїми вебсайтами Onepage безпосередньо у своєму центральному робочому просторі, не відкриваючи додаткових вкладок браузера й не перемикаючись між застосунками.
Централізована історія: Ваші проєктні промпти, підтвердження публікацій і нотатки зберігаються в єдиній історії Slack з можливістю пошуку. Це узгоджує розробку вебсайтів із вашим щоденним робочим процесом.
Підключення Slack, Claude та Onepage-MCP: покрокова інструкція
📌 Примітка: Наведені нижче кроки та знімки екрана відображають інтерфейс інструмента на момент створення цієї статті. Відтоді інтерфейс або назви елементів могли змінитися. Якщо ви помітите відмінності, радимо перевірити актуальні інструкції в самому інструменті, звернутися до довідкового центру постачальника або зв’язатися з його службою підтримки.
Виконайте ці кроки, щоб правильно з’єднати інструменти між собою:
I. Налаштування конекторів у Claude
Крок 1
Відкрийте Claude та додайте Onepage-MCP як користувацький конектор. (Докладну інструкцію, як це зробити, ви знайдете в цій статті).
Крок 2
Далі додайте Slack як конектор у Claude та надайте Claude доступ до вашого робочого простору Slack.
Знайдіть «Slack» у списку вибору.
Крок 3
Натисніть Slack, а потім натисніть "Connect" (Підключити).
Крок 4
Тепер натисніть "Allow" (Дозволити).
Тепер у Claude обидва застосунки відображатимуться як підключені: Onepage-MCP і Slack.
Крок 5
Налаштуйте дозволи інструмента: переконайтеся, що інструмент має дозвіл вносити зміни.
II. Налаштування Slack
Крок 1
Відкрийте Slack і натисніть Claude. (Примітка: якщо ви ще не користувалися Claude, застосунок можна знайти у верхньому правому куті; інакше він відображатиметься в нижньому лівому куті бічної панелі в розділі «Apps»).
Крок 2
У застосунку Claude перейдіть на вкладку "Home" (Головна) і переконайтеся, що в налаштуваннях вибрано "Code + Chat" (Код + Чат).
III. Авторизація Onepage-MCP
Крок 1
Відкрийте новий чат із Claude у Slack і введіть таку команду:
Connect to Onepage MCP
Крок 2
Натисніть кнопку "Connect Account" (Підключити акаунт), що з’явиться в чаті.
Крок 3
Виберіть акаунт або організацію, які ви хочете підключити, і натисніть "Authorize" (Авторизувати).
Крок 4
Тепер у вкладці браузера з’явиться повідомлення «Claude successfully connected to Slack» (Claude успішно підключено до Slack). Закрийте цю вкладку, щойно відобразиться підтвердження!
🎉 Готово! Усі інструменти тепер пов’язані. Ви можете надсилати промпти Claude безпосередньо в Slack, і Claude створюватиме вебсайт через Onepage-MCP прямо у вашому акаунті Onepage. 🎉
Приклад: як виглядає робочий процес
Щойно всі з’єднання встановлено, ви можете протестувати систему наживо. Ось приклад того, як команда вводиться в Slack і що Onepage-MCP створює на її основі:
Промпт у Slack: Ви вводите приблизно таку команду в чаті Claude у Slack:
Використай Onepage-MCP, щоб створити новий проєкт у Onepage. Побудуй лендинг із високою конверсією для туристичної компанії під назвою «Nordic Escape», яка пропонує організовані тури до Норвегії. Лендинг має містити такі 6 секцій: Hero-секція із сильним заголовком, підзаголовком і кнопкою заклику до дії. Переваги турів із 3–4 унікальними торговими пропозиціями. Популярні тревел-пропозиції з короткими описами та прикладами цін. Відгуки клієнтів щонайменше з трьома свідченнями. Поширені запитання (FAQ) щодо бронювання, прибуття та скасування. Форма контакту й бронювання із закликом залишити запит. Використай сучасні, якісні тексти, плавні анімації прокручування, ефекти наведення та яскраві градієнти, щоб створити сучасний і професійний дизайн. Основний акцент — на високій конверсії, привабливому користувацькому досвіді та преміальному вигляді високого класу
Обробка та гнучкий робочий процес: Claude розпізнає ваш намір і використовує Onepage-MCP у фоновому режимі, щоб побудувати потрібну структуру безпосередньо у вашому акаунті Onepage.
Залежно від того, наскільки детальною є ваша початкова команда, процес є інтерактивним, завдяки чому ви завжди зберігаєте контроль над дизайном: після створення hero-секції Claude іноді запитуватиме вас під час процесу, чи подобається вам стиль і чи має AI продовжувати в такому ж напрямі. Якщо ні (або якщо ви хочете втрутитися з власної ініціативи), ви можете прямо в чаті повідомити Claude, які зміни потрібно внести, перш ніж буде згенеровано наступні секції.
Результат: Claude відповість вам у Slack підтвердженням і прямим посиланням на чернетку вашого нового проєкту в Onepage. Вам залишиться лише відкрити сторінку та наповнити її своїм вмістом.
Сайт, створений за наведеним вище промптом:
Поширені запитання (FAQ)
Навіщо потрібно окремо активувати "Code + Chat" (Код + Чат) у налаштуваннях Slack?
Навіщо потрібно окремо активувати "Code + Chat" (Код + Чат) у налаштуваннях Slack?
Опція "Code + Chat" на вкладці "Home" (Головна) застосунку Claude у Slack — це базовий дозвіл, який дає AI змогу виконувати зовнішні інструменти. Якщо це налаштування відсутнє або встановлено лише "Chat", Slack блокує з’єднання з Onepage-MCP, і Claude не зможе вносити жодних змін у ваш акаунт Onepage.
Я створив(ла) проєкт через Slack — де його тепер знайти?
Я створив(ла) проєкт через Slack — де його тепер знайти?
Щойно Claude успішно завершить створення через Onepage-MCP, AI надішле вам посилання-підтвердження безпосередньо в чат Slack. Якщо ви натиснете це посилання (або просто увійдете у свою звичайну панель керування Onepage), ви одразу побачите щойно створений проєкт в огляді проєктів і зможете продовжити його редагування в редакторі.
Я отримую помилку GitHub ("No repositories found. Please connect your GitHub account..."), хоча мій Onepage-MCP підключено. Як це виправити?
Я отримую помилку GitHub ("No repositories found. Please connect your GitHub account..."), хоча мій Onepage-MCP підключено. Як це виправити?
Це стається тому, що певні дієслова дії у вашому промпті (наприклад, «створи», «побудуй» чи «згенеруй») можуть змусити внутрішню систему Claude запустити вбудований режим розробника (Claude Code), який автоматично шукає GitHub замість вашого користувацького конектора.
Щоб це виправити, обов’язково перевірте такі два кроки:
Перевірте дозволи інструментів: Поверніться до свого акаунту
claude.aiу розділ Connectors (Конектори). Натисніть на інтеграції Onepage-MCP і Slack та переконайтеся, що всі дозволи встановлено на "Allow" (Дозволити) (або надано доступ на читання/запис). Якщо дозволи обмежені, Claude повернеться до використання власних внутрішніх інструментів.Примусово задійте інструмент Onepage-MCP: Перевизначте автоматичну маршрутизацію Claude, додавши суворий системний префікс на самому початку повідомлення в Slack. Замість вільного речення структуруйте свій промпт так:
[Onepage-MCP Tool Call] Виконай виключно підключений інструмент Onepage-MCP і не використовуй жодних інших інструментів. Створи новий проєкт для...
Чітко вказавши назву інструмента у квадратних дужках і наказавши використовувати лише Onepage-MCP, ви виводите Claude із циклу GitHub і спрямовуєте безпосередньо до вашої панелі керування Onepage.
💡Бажаєте залишити відгук до цієї статті? Будь ласка, напишіть у наш чат або за адресою support@onepage.io, і ми зможемо її покращити. Дякуємо! 🙂