300 termékből álló katalógus néhány perc alatt: Hogyan töltötte meg Claude

Két egyidejű megrendelést kaptam az ukrán temetkezési iparágtól: egy online műemlékkatalógust kereskedőknek és egy külön weboldal SEO-ját. A katalógust a shop.vibevox.pro videócsatorna-szolgáltatásommal és a Claude AI chat segítségével készítettem, MCP protokollon keresztül csatlakozva. Néhány szöveges parancs egy üres áruházat egy kilenc kategóriával és 300 termékkel rendelkező, kész struktúrává alakított. A mesterséges intelligencia katalógushoz való csatlakoztatásának és a termékek linken keresztüli átvitelének hasonló elve már be van építve 1001site AI-ba – így saját áruházat építhetsz fel külön fejlesztőcsapat nélkül.

Célkitűzés: Munkaeszköz a kereskedők számára

Az ügyfél közvetlenül leírta a feladatot: „Szükségünk van egy elektronikus katalógusra a kereskedőink és partnereink munkájához. Ez nem egy reklámkatalógus, hanem egy munkaeszköz a modellek széles választékához.” Maguk a kereskedők és a partnerek is használják: kiválasztanak egy műemlékmodellt a katalógusból, és leadnak egy megrendelést.

Ezzel egy időben érkezett egy második megbízás is: a meglévő pamyatniki.ukr weboldal népszerűsítése, amelyet nem én fejlesztettem. Ez a munka egy átfogó SEO audittal kezdődött, hogy megértsük a növekedési lehetőségeket és megbecsüljük a költségeket. Az esettanulmány további része kizárólag a katalógusra összpontosít; a második projekt ehhez nem kapcsolódik.

A katalógus felépítése: a rendeléstől a termékkártyáig

A kereskedői katalógushoz a shop.vibevox.pro videóhírfolyam-szolgáltatásomat használtam, ami egy különálló termék, nem 1001site. Az átfogó rendszerdiagramban a katalógus egy nagyobb folyamat része: a megrendelések átmásolódnak a vezető Telegram, az állapotokat „Új → Folyamatban → Befejezett” státuszként követik nyomon, és a vásárlókat Telegram, WhatsApp vagy Instagram linkeken keresztül irányítják át az üzletbe.

A kezelőrendszerben a termékek kategóriák szerint vannak rendezve, mindegyikhez gyorsan hozzárendelhető egy leírás és egy fotó, magát a kategóriát és a kártyát pedig neurális hálózat segítségével hozzák létre, kiküszöbölve a manuális kódolást. Ezt a lépést – a kategóriák és kártyák manuális bevitel nélküli létrehozását – az emlékmű sorrendjében a mesterséges intelligencia csevegése végezte el MCP keresztül.

MCP: A szolgáltatás eszközként kapcsolódik Claude hoz

A nyílt Model Context Protocol közvetlenül egy külső szolgáltatáshoz csatlakoztatja a mesterséges intelligencia alapú csevegést: a csevegés szöveges parancsokkal hívja meg a szolgáltatás függvényeit az adminisztrációs panelre kattintás helyett. A Shop.vibevox.pro már rendelkezik ezzel a funkcióval – a szolgáltatás landing page-jének fenti képernyőképén, a cikk borítóképén mutatom be.

A szolgáltatásoldal felsorolja, hogy mit lehet Claude keresztül kezelni kódolás nélkül: termékeket, kategóriákat, médiafájlokat, áruházbeállításokat, megrendeléseket, szövegeket és SEO leírásokat. A kapcsolat egyetlen linken keresztül, személyes kulccsal történik, és a hozzáférés egy adott áruházra korlátozódik.

Amit valójában Claude nak írtam

A feladat beállítása mindössze néhány parancsot igényelt a csevegésben. Az egyik prompt így nézett ki – világos lépésekkel és találgatás nélkül:

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

A parancs nem említ semmit a kezelőfelületről vagy a gombokról – csak a konkrét kategórianeveket és a szolgáltatásfüggvények meghívásának sorrendjét. Ezek a részletek jelentik a különbséget aközött, hogy „kérjük meg a mesterséges intelligenciát, hogy találjon ki valamit”, és aközött, hogy „kérjük meg a mesterséges intelligenciát egy pontos feladat végrehajtására”: minél pontosabbak a lépések, annál kiszámíthatóbb az eredmény.

Mit válaszolt Claude: 9 kategória 6 lépésben

Claude elvégezte a feladatot, és minden lépésről külön-külön beszámolt: 9 kategóriát hozott létre ismétlődések nélkül, és újraépítette az áruház dizájnbeállításait (háttérszín, elrendezés), mivel a régi linkek még nem voltak az oldalon – nem volt mit veszítenie.

A válasz egy előre elkészített táblázatot tartalmaz: a számot, a kategóriát, a technikai slug-ot és egy működő linket a kilenc kategória (az „Angyalok” és „Keresztek”-től az „Emlékműelemek”-ig) áruházi részéhez. Claude maga generálta a slug-okat átírással, és kifejezetten kijelentette, hogy az API-válaszból vette őket, és nem találta ki őket – pontosan ezt a fajta vezérlést kértem a promptban.

Claude később ugyanezt a megközelítést alkalmazta az eredeti 3D modellek teljes skálájának átrendezésére: kilenc kategóriába sorolta őket, és 300 egyedi termékkatalógus-bejegyzéssé alakította. A kereskedők egy kész, strukturált eszközt kaptak a modellek szilárd listája helyett.

Háttérvideók és projekt összefoglaló

Hogy a katalógus főoldala ne tűnjön unalmas listának, minden kategóriához háttérvideókat készítettem. Így a felület vizuálisan megkülönbözteti az „Angyalokat” a „Katonai” emlékművektől már a szekció megnyitása előtt. Maga a bejegyzés tartalmaz egy videós bemutatót a felületről. A megjelenés idején az eredményt már jóváhagyta az ügyfél.

A végeredményt az élő áruházban ellenőrizheti - shop.vibevox.pro/cnc. Saját becslésem szerint a projekt körülbelül 5% manuális munkát igényelt – a modellelemzést, a katalógus szerkezetét és a tartalmat a mesterséges intelligencia alapú chat kezelte.

Hasonló katalógust hozhatsz létre egy mesterséges intelligencia által támogatott irányítópulttal a webhelyeden 1001site AI segítségével: stíluskatalógus, termékátvitel linken keresztül, vagy MCP kapcsolat Claude, ChatGPT vagy Gemini rendszerhez.

Források

• Bejegyzés az „Üzlet mesterséges intelligenciával” csatornáról: https://t.me/promtvibeadd/408
• VibeVox videó streaming szolgáltatás: https://shop.vibevox.pro/
• Kereskedői címtár találata: https://shop.vibevox.pro/cnc