Een catalogus met 300 producten in een paar minuten: hoe Claude hem vulde.

Ik ontving twee gelijktijdige opdrachten uit de Oekraïense uitvaartbranche: een online catalogus met grafmonumenten voor handelaren en SEO voor een aparte website. Ik heb de catalogus gemaakt met behulp van mijn videostreamingservice, shop.vibevox.pro, en de Claude AI-chat, verbonden via MCP protocol. Met een paar tekstcommando's transformeerde ik een lege webwinkel in een kant-en-klare structuur met negen categorieën en 300 producten. Een vergelijkbaar principe, waarbij de AI aan de catalogus wordt gekoppeld en producten via een link worden overgedragen, is al ingebouwd in 1001site AI — u kunt op deze manier uw eigen webwinkel bouwen zonder een speciaal ontwikkelteam.

Doel: Een praktisch hulpmiddel voor dealers

De klant omschreef de opdracht direct: "We hebben een elektronische catalogus nodig voor het werk van onze dealers en partners. Dit is geen reclamecatalogus, maar een werktool met een breed scala aan modellen." Dealers en partners gebruiken de catalogus zelf: ze kiezen een monumentmodel uit de catalogus en plaatsen een bestelling.

Tegelijkertijd kwam er een tweede opdracht binnen: het promoten van de bestaande website pamyatniki.ukr, die ik niet zelf had ontwikkeld. Deze opdracht begon met een uitgebreide SEO-audit om groeimogelijkheden in kaart te brengen en de kosten te schatten. De rest van de casestudy richt zich uitsluitend op de catalogus; het tweede project staat hier los van.

Hoe de catalogus is georganiseerd: van bestelling tot productkaart

Voor de dealercatalogus heb ik mijn eigen videostreamingservice gebruikt, shop.vibevox.pro, een apart product en niet 1001site. In het algemene systeemdiagram maakt de catalogus deel uit van een groter proces: bestellingen worden gekopieerd naar het Telegram van de manager, de status wordt bijgehouden als "Nieuw → In behandeling → Voltooid" en klanten worden via Telegram, WhatsApp of Instagram links naar de winkel geleid.

Producten in het beheersysteem worden gesorteerd op categorie, aan elke categorie kan snel een beschrijving en foto worden toegewezen, en de categorie en kaart zelf worden gegenereerd met behulp van een neuraal netwerk, waardoor handmatige codering overbodig is. Deze stap – het creëren van categorieën en kaarten zonder handmatige invoer – werd in de eerste fase gerealiseerd door de AI-chat via MCP.

MCP: De service maakt verbinding met Claude als hulpmiddel.

Het open Model Context Protocol verbindt AI-chat rechtstreeks met een externe service: de chat roept servicefuncties aan via tekstcommando's in plaats van te klikken op het beheerderspaneel. Shop.vibevox.pro heeft deze functie al geïmplementeerd – ik laat het zien in de schermafbeelding van de landingspagina van de service hierboven, in de omslagafbeelding van dit artikel.

Op de servicepagina staat vermeld wat er via Claude beheerd kan worden zonder te programmeren: producten, categorieën, mediabestanden, winkelinstellingen, bestellingen, teksten en SEO-beschrijvingen. De verbinding verloopt via een enkele link met een persoonlijke sleutel en de toegang is beperkt tot een specifieke winkel.

Wat ik werkelijk aan Claude heb geschreven

Het instellen van de taak was zo gedaan, met slechts een paar commando's in de chat. Een van de prompts zag er als volgt uit – met duidelijke stappen en zonder ruimte voor giswerk:

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

Het commando vermeldt niets over de interface of knoppen, alleen specifieke categorienamen en de volgorde waarin de servicefuncties worden aangeroepen. Deze specifieke details maken het verschil tussen "de AI vragen om iets te bedenken" en "de AI vragen om een precieze taak uit te voeren": hoe preciezer de stappen, hoe voorspelbaarder het resultaat.

Wat Claude antwoordde: 9 categorieën in 6 stappen

Claude voltooide de taak en rapporteerde over elke stap afzonderlijk: hij creëerde 9 categorieën zonder duplicaten en herbouwde de ontwerpinstellingen van de webwinkel (achtergrondkleur, lay-out) omdat de oude links nog niet op de site stonden – er was niets te verliezen.

Het antwoord bevat een kant-en-klare tabel: het nummer, de categorie, de technische slug en een werkende link naar het winkelgedeelte voor elk van de negen categorieën (van "Engelen" en "Kruisen" tot "Monumentelementen"). Claude heeft de slugs zelf gegenereerd met behulp van transliteratie en heeft expliciet aangegeven dat hij ze uit het API-antwoord heeft gehaald en niet zelf heeft verzonnen – dit is precies het soort controle waar ik in de prompt om had gevraagd.

Claude gebruikte later dezelfde aanpak om de volledige verzameling originele 3D-modellen te sorteren: hij categoriseerde ze in negen categorieën en zette ze om in 300 afzonderlijke productcatalogusvermeldingen. Dealers ontvingen zo een kant-en-klaar, gestructureerd hulpmiddel in plaats van een vaste lijst met modellen.

Achtergrondvideo's en projectoverzicht

Om te voorkomen dat de hoofdpagina van de catalogus eruitziet als een saaie lijst, heb ik achtergrondvideo's gemaakt voor elke categorie. Op deze manier onderscheidt de interface visueel "Engelen" van "Militaire" monumenten, zelfs voordat de betreffende sectie wordt geopend. Het bericht zelf bevat een videodemonstratie van de interface. Op het moment van publicatie werd het resultaat al door de klant goedgekeurd.

Je kunt het eindresultaat bekijken in de live webshop: shop.vibevox.pro/cnc. Naar mijn schatting vereiste het project ongeveer 5% handwerk; de modelanalyse, catalogusstructuur en content werden door de AI-chat afgehandeld.

Je kunt ook een vergelijkbare catalogus maken met een AI-gestuurd dashboard op je website met behulp van 1001site AI: een stijlcatalogus, productoverdracht via een link of MCP koppeling met Claude, ChatGPT of Gemini.

Bronnen

• Bericht van het "Business with AI"-kanaal: https://t.me/promtvibeadd/408
• VibeVox videostreamingdienst: https://shop.vibevox.pro/
• Resultaat in de dealerdirectory: https://shop.vibevox.pro/cnc