Каталог на 300 товарів за пару хвилин: як їх наповнив Claude

До мене одночасно прийшли два замовлення з ритуальної сфери України: електронний каталог пам'яток для дилерів та SEO-просування окремого сайту. Каталог я зібрав зв'язкою свого сервісу відеострічок shop.vibevox.pro та ІІ-чату Claude, підключеного за протоколом MCP: кілька текстових команд - і замість порожнього магазину готова структура з 9 категорій та 300 товарів. Схожий принцип підключення ІІ до каталогу та перенесення товарів за посиланням вже вбудований у 1001site AI – зібрати так свій магазин можна без своєї команди розробки.

Завдання: робочий інструмент для дилерів

Замовник описав завдання прямо: «Нам потрібен електронний каталог для роботи наших дилерів та партнерів. Це не рекламний каталог, а робочий інструмент швидкого вибору моделей». Користуються ним самі дилери та партнери: вибирають модель пам'ятника за каталогом та оформляють замовлення.

Паралельно прийшло друге замовлення – просунути готовий сайт пам'ятники, який робив не я. Цю роботу розпочали з комплексного SEO-аудиту, щоб зрозуміти точки зростання та оцінити вартість. Далі в кейсі йдеться лише про каталог – другий проект із ним не пов'язаний.

Як влаштований каталог: від замовлення до картки товару

Для каталогу дилерів я використав свій сервіс відеострічок shop.vibevox.pro - окремий продукт, не 1001site. На загальній схемі системи каталог - частина ширшого процесу: замовлення дублюється в Telegram керівника, ведеться облік статусів «Новий → У роботі → Виконано», а покупці потрапляють до магазину Telegram, WhatsApp або посилання в Instagram.

Товари в системі управління сортуються за категоріями, до кожного можна швидко додати опис та фото, а сама категорія та картка створюються через нейромережу – без ручної верстки. Саме цей крок – категорії та картки без ручного введення – у замовленні на пам'ятники виконав ІІ-чат через MCP.

MCP: сервіс підключається до Claude як інструмент

Відкритий протокол Model Context Protocol з'єднує ІІ-чат із зовнішнім сервісом безпосередньо: чат викликає функції сервісу текстовими командами замість кліків на панелі адміністратора. У shop.vibevox.pro це вже готова фіча – я показую її на скріншоті лендингу сервісу вище, в обкладинці статті.

На сторінці сервісу перераховано, чим можна керувати через Claude без коду: товарами, категоріями, медіафайлами, налаштуваннями магазину, замовленнями, текстами та SEO-описами. Підключення - за одним посиланням із персональним ключем, доступ ізольований конкретним магазином.

Що я реально написав Claude

Постановка завдання зайняла буквально пару команд у чаті. Один із промптів виглядав так - з чіткими кроками і без місця для припущень:

Ты подключён к моему магазину VibeVox через MCP (инструменты vibevox_*). Магазин: cnc. Сделай строго по шагам и в конце покажи итог. ШАГ 1. Создай категории - вызови vibevox_add_categories с полем names (ровно эти 9, с enable: true): ["АНГЕЛИ","ХРЕСТИ","СІМЕЙНІ","ДИТЯЧІ","КВІТИ","ВІЙСЬКОВІ", "МУСУЛЬМАНСЬКІ","ЄВРЕЙСЬКІ","ЕЛЕМЕНТИ ПАМ'ЯТНИКА"] ШАГ 2. Вызови vibevox_list_categories. Для каждой категории запомни её name и slug (slug бери именно из ответа API, не выдумывай). ШАГ 3. Вызови vibevox_get_store_settings. Возьми текущий settings.design.taplinkConfig...

У команді немає жодного слова про інтерфейс чи кнопки - лише конкретні назви категорій та порядок виклику функцій сервісу. У цій конкретиці вся різниця між «попросити ІІ придумати щось» і «доручити ІІ виконати точне завдання»: чим точніше кроки, тим передбачуваніший результат.

Що відповів Claude: 9 категорій за 6 кроків

Claude виконав завдання і прозвітував по кожному кроці окремо: створив 9 категорій без дублів, зібрав налаштування оформлення магазину (колір фону, розкладка) заново, тому що старих посилань на сайті ще не було – втрачати не було чого.

У відповіді – готова таблиця: номер, категорія, технічний slug та робоче посилання на розділ магазину для кожної з 9 категорій (від «Ангели» та «Хрести» до «Елементи пам'ятника»). Slug'і Claude згенерував транслітом сам і прямо попередив, що взяв їх з відповіді API, а не вигадав - саме такий контроль я і просив у промпті.

Цим шляхом Claude пізніше розібрав весь масив вихідних 3D-моделей: розподілив їх по дев'яти категоріям і перетворив на 300 окремих карток товарів в каталозі. Дилери отримали готовий структурований інструмент замість суцільного списку моделей.

Фонові відео та підсумок проекту

Щоб головна сторінка каталогу не виглядала нудним списком, під кожну категорію я згенерував фонові відео – так інтерфейс візуально відрізняє «Ангелів» від «Військових» пам'яток ще до відкриття розділу. У пості є демонстрація інтерфейсу на відео. На момент публікації результат вже був узгоджений у замовника.

Перевірити результат можна на живому магазині - shop.vibevox.pro/cnc. За моєю власною оцінкою, ручної роботи в проекті залишилося близько 5% – розбір моделей, структуру каталогу та наповнення взяв на себе ІІ-чат.

Зібрати схожий каталог з ІІ-асистентом кабінету можна і на своєму сайті - через 1001site AI: каталог стилів, перенесення товарів за посиланням або підключення по MCP до Claude, ChatGPT або Gemini.

Джерела

• Пост каналу "Бізнес з ІІ": https://t.me/promtvibeadd/408
• Сервіс відеострічок VibeVox: https://shop.vibevox.pro/
• Результат каталогу дилерів: https://shop.vibevox.pro/cnc