Ми раді представити вам Model Context Protocol (MCP).
MCP — це потужний зв'язок між Onepage та ШІ-асистентами, якими ви вже щодня користуєтеся поза нашою платформою. Замість того, щоб працювати виключно у вбудованому редакторі, тепер ви можете використовувати власного зовнішнього ШІ-асистента, щоб керувати Onepage, створювати сторінки та опрацьовувати контент за вас.
Відмінність від вбудованого ШІ: за кулісами обидві системи використовують той самий «мозок» Onepage AI, проте наразі MCP дає вам дві вирішальні переваги:
Мислення в межах цілої сторінки: тоді як вбудований ШІ здебільшого працює послідовно, секція за секцією (section by section), MCP здатен охопити, побудувати або виправити цілу сторінку в межах одного запиту.
Заощадження вашого балансу Onepage: текстові токени списуються безпосередньо через вашу власну зовнішню підписку на ШІ (наприклад, у Claude чи Cursor). Тож ваші кредити Onepage AI не використовуються!
Покрокові інструкції з налаштування
Залежно від того, яким ШІ-асистентом ви користуєтеся найчастіше, тут ви знайдете точну інструкцію, як налаштувати з'єднання з Onepage:
Підключити Claude до Onepage-MCP: користуєтеся Claude? Дізнайтеся тут, як це працює: Підключити Claude до Onepage-MCP.
Підключити Cursor до Onepage-MCP: якщо ви користуєтеся Cursor, скористайтеся цією інструкцією: Підключити Cursor до Onepage-MCP.
Підключити Codex до Onepage-MCP: хочете використовувати Codex? Тут ми покажемо вам, як його налаштувати: Підключити Codex до Onepage-MCP.
Що ж таке MCP насправді?
Model Context Protocol (MCP) — це наче «роз'єм USB-C для ШІ». Раніше кожному розробнику програмного забезпечення доводилося писати власне складне API-підключення для кожного окремого ШІ. MCP це стандартизує. Він складається з таких частин:
MCP-клієнт: ШІ-програма, якою ви користуєтеся (наприклад, Claude Desktop, Cursor, Codex).
MCP-сервер: міст до вашого програмного забезпечення (в нашому випадку — сервер Onepage MCP, який розуміє команди ШІ та перекладає їх у код вебсайту).
Три основи MCP
MCP-сервер може надавати ШІ три речі.
Prompts (шаблони): готові блоки-промпти, які може використовувати користувач.
Resources (контекст): дані, які ШІ може зчитувати (наприклад, структуру вашої наявної сторінки Onepage).
Tools (дії): функції, які ШІ дозволено виконувати (наприклад, «Створи нову секцію», «Зміни колір шрифту»).
Що можливо за допомогою MCP?
Ваш зовнішній ШІ-асистент може виконувати через MCP такі дії:
Сторінки: створювати, публікувати, знімати з публікації та архівувати.
Вайб-секції (Vibe Sections): повністю створювати та редагувати індивідуальні компоненти.
Структура: перейменовувати, переміщувати та змінювати порядок секцій.
Вебсайти: створювати нові вебсайти, керувати брендингом (кольори та шрифти) і завантажувати медіафайли.
Важливі правила та найкращі практики
Якість моделі є вирішальною:
MCP значною мірою залежить від використаної ШІ-моделі. Для найкращих результатів ми рекомендуємо преміум-моделі, як-от Claude Opus 4.8. Від менших моделей, таких як Haiku чи GPT Flash, не варто очікувати ідеальних результатів.
Завжди давайте чіткий контекст:
Завжди точно повідомляйте ШІ, над якою сторінкою чи яким розділом потрібно працювати (наприклад, «Додай контактний розділ на мою головну сторінку»).
Перезавантажте сторінку, щоб побачити зміни:
Функція живого перегляду ще в розробці. Якщо редактор Onepage відкритий у вас під час роботи ШІ, перезавантажте сторінку, щоб побачити зміни.
Будьте обережні з масштабними змінами:
Розширена історія версій уже в планах. До того часу ми рекомендуємо бути обережними з великими або неточними промптами для наявних активних проєктів, оскільки контент може бути перезаписаний.
Що робити, якщо щось виглядає не ідеально?
Якщо макет чи текст із першої спроби виглядає не зовсім так, як ви собі уявляли, не хвилюйтеся! Під час роботи з ШІ це цілком нормально. Вам не потрібно виправляти це вручну — достатньо просто сказати ШІ-асистенту, що саме змінити.
Приклад: якщо заголовок на вашій новій сторінці накладається, ви можете ввести у свій ШІ-інструмент такий наступний промпт:
«Будь ласка, виправ текст "Люди за лаштунками Nova Living". Слово "Living" накладається на текст над ним.»
Приклад відповіді Claude:
«Бачу проблему: заголовок переноситься на три рядки й накладається. Я скоригував розмір шрифту та міжрядковий інтервал так, щоб він ідеально вмістився в два рядки, і додав правило, щоб він чудово виглядав і на мобільних екранах. Виправлення вже активне!»
Примітка: не забудьте перезавантажити вкладку редактора Onepage, щоб побачити оновлення ШІ наживо на вашій сторінці!
Результат:
💡Бажаєте залишити відгук до цієї статті? Будь ласка, напишіть у наш чат або за адресою support@onepage.io, і ми зможемо її покращити. Дякуємо! 🙂