Katalóg s 300 produktmi za pár minút: Ako ho Claude naplnil

Z ukrajinského pohrebného priemyslu som dostal dve súčasné objednávky: online katalóg pamätníkov pre predajcov a SEO pre samostatnú webovú stránku. Katalóg som vytvoril pomocou mojej video služby shop.vibevox.pro a chatu Claude AI, prepojeného cez protokol MCP. Niekoľko textových príkazov premenilo prázdny obchod na hotovú štruktúru s deviatimi kategóriami a 300 produktmi. Podobný princíp prepojenia AI s katalógom a prenosu produktov prostredníctvom odkazu je už zabudovaný v AI 1001site – takto si môžete vytvoriť vlastný obchod bez špecializovaného vývojového tímu.

Cieľ: Pracovný nástroj pre predajcov

Zákazník úlohu priamo opísal: „Potrebujeme elektronický katalóg pre prácu našich predajcov a partnerov. Nie je to reklamný katalóg, ale pracovný nástroj pre široký výber modelov.“ Používajú ho samotní predajcovia a partneri: vyberú si model monumentu z katalógu a zadajú objednávku.

Zároveň prišla druhá objednávka: propagovať existujúcu webovú stránku pamyatniki.ukr, ktorú som nevyvíjal. Táto práca sa začala komplexným SEO auditom s cieľom pochopiť príležitosti rastu a odhadnúť náklady. Zvyšok prípadovej štúdie sa zameriava výlučne na katalóg; druhý projekt s tým nesúvisí.

Ako je katalóg usporiadaný: od objednávky až po kartu produktu

Pre katalóg predajcov som použil svoju službu video kanálov shop.vibevox.pro, samostatný produkt, nie 1001site. V celkovom systémovom diagrame je katalóg súčasťou väčšieho procesu: objednávky sa kopírujú do Telegram manažéra, stavy sa sledujú ako „Nové → Rozpracované → Dokončené“ a zákazníci sú do obchodu presmerovaní prostredníctvom odkazov v Telegram, WhatsApp alebo Instagram.

Produkty v systéme riadenia sú zoradené podľa kategórie, každému je možné rýchlo priradiť popis a fotografiu a samotná kategória a karta sa vytvárajú pomocou neurónovej siete, čím sa eliminuje manuálne kódovanie. Tento krok – vytváranie kategórií a kariet bez manuálneho zadávania – bol v objednávke monumentu vykonaný pomocou chatu s umelou inteligenciou cez MCP.

MCP: Služba sa pripája k Claude ako nástroj

Otvorený protokol kontextu modelu (Model Context Protocol) priamo prepája chat s umelou inteligenciou s externou službou: chat vyvoláva funkcie služby prostredníctvom textových príkazov namiesto klikania na administrátorský panel. Shop.vibevox.pro už túto funkciu má – ukazujem ju na snímke obrazovky vstupnej stránky služby vyššie, na titulnom obrázku tohto článku.

Na stránke služby je uvedený zoznam toho, čo je možné spravovať prostredníctvom Claude bez kódovania: produkty, kategórie, mediálne súbory, nastavenia obchodu, objednávky, texty a SEO popisy. Pripojenie je cez jeden odkaz s osobným kľúčom a prístup je obmedzený na konkrétny obchod.

Čo som Claude naozaj napísal

Nastavenie úlohy si vyžadovalo len niekoľko príkazov v chate. Jedna z výziev vyzerala takto – s jasnými krokmi a bez priestoru na dohady:

Ты подключён к моему магазину 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...

Príkaz neuvádza nič o rozhraní ani tlačidlách – iba konkrétne názvy kategórií a poradie, v akom sa volajú servisné funkcie. Tieto špecifiká predstavujú rozdiel medzi „požiadaním umelej inteligencie, aby niečo vymyslela“ a „požiadaním umelej inteligencie, aby vykonala presnú úlohu“: čím presnejšie kroky, tým predvídateľnejší výsledok.

Čo odpovedal Claude: 9 kategórií v 6 krokoch

Claude úlohu dokončil a o každom kroku podal samostatnú správu: vytvoril 9 kategórií bez duplikátov a prepracoval nastavenia dizajnu obchodu (farba pozadia, rozloženie), pretože staré odkazy ešte na stránke neboli – nebolo čo stratiť.

Odpoveď obsahuje hotovú tabuľku: číslo, kategóriu, technický slug a funkčný odkaz na sekciu obchodu pre každú z deviatich kategórií (od „Anjeli“ a „Kríže“ až po „Prvky pamiatok“). Claude si slugy vygeneroval sám pomocou transliterácie a výslovne uviedol, že ich prevzal z odpovede API a nevymyslel si ich – presne tento druh kontroly som požadoval v prompte.

Claude neskôr použil rovnaký prístup na triedenie celého radu pôvodných 3D modelov: roztriedil ich do deviatich kategórií a previedol ich do 300 samostatných položiek v katalógu produktov. Predajcovia dostali hotový, štruktúrovaný nástroj namiesto pevného zoznamu modelov.

Pozadné videá a zhrnutie projektu

Aby hlavná stránka katalógu nevyzerala ako nudný zoznam, vygeneroval som pre každú kategóriu videá na pozadí. Týmto spôsobom rozhranie vizuálne odlišuje „anjelov“ od „vojenských“ pamiatok ešte pred otvorením danej sekcie. Samotný príspevok obsahuje video ukážku rozhrania. V čase publikovania už bol výsledok schvaľovaný klientom.

Finálny produkt si môžete pozrieť v živom obchode - shop.vibevox.pro/cnc. Odhadujem, že zostáva asi 5 % manuálnej práce na projekte – analýza modelu, štruktúra katalógu a obsah boli spracované pomocou chatu s umelou inteligenciou.

Podobný katalóg si môžete vytvoriť aj s dashboardom s podporou umelej inteligencie na svojej webovej stránke pomocou 1001site AI: katalóg štýlov, prenos produktov prostredníctvom odkazu alebo pripojenie MCP k Claude, ChatGPT alebo Gemini.

Zdroje

• Príspevok z kanála „Business with AI“: https://t.me/promtvibeadd/408
• Streamovacia služba videa VibeVox: https://shop.vibevox.pro/
• Výsledok vyhľadávania v adresári predajcov: https://shop.vibevox.pro/cnc