Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukudviklerUdvikling af AI-værktøjer til virksomheder. Høj kvalitet. Overkommelige priser.Skriv på Telegram

Et katalog med 300 produkter på få minutter: Sådan udfyldte Claude det

VibeVox landingsside: administration af butikskatalog via Claude til MCP
OpgaveUdfyld det elektroniske katalog over monumenter til forhandlere - et arbejdsværktøj til hurtigt at vælge modeller og ikke et reklameudstillingsvindue
LøsningForbind shop.vibevox.pro-videofeedtjenesten med Claude via MCP, og brug tekstkommandoer til at instruere AI'en i at analysere 3D-modeller, oprette kategorier og distribuere produkter.
DeadlinesFlere kommandoer i chatten, resultatet er underlagt kundens godkendelse
Resultat9 kategorier og 300 produkter uden manuel kortindtastning, baggrundsvideoer for hver kategori

Jeg modtog to samtidige ordrer fra den ukrainske begravelsesbranche: et online katalog over monumenter til forhandlere og SEO til en separat hjemmeside. Jeg oprettede kataloget ved hjælp af min videofeed-tjeneste, shop.vibevox.pro, og Claude AI-chatten, forbundet via MCP protokollen. Et par tekstkommandoer forvandlede en tom butik til en færdiglavet struktur med ni kategorier og 300 produkter. Et lignende princip med at forbinde AI'en til kataloget og overføre produkter via et link er allerede indbygget i 1001site AI - du kan bygge din egen butik på denne måde uden et dedikeret udviklingsteam.

Mål: Et arbejdsredskab for forhandlere

Kunden beskrev opgaven direkte: "Vi har brug for et elektronisk katalog til vores forhandleres og partneres arbejde. Dette er ikke et reklamekatalog, men et arbejdsværktøj til et bredt udvalg af modeller." Forhandlere og partnere bruger det selv: de vælger en monumentmodel fra kataloget og afgiver en ordre.

Samtidig kom en anden ordre: at promovere den eksisterende hjemmeside pamyatniki.ukr, som jeg ikke selv udviklede. Dette arbejde begyndte med en omfattende SEO-revision for at forstå vækstmuligheder og estimere omkostninger. Resten af casestudiet fokuserer udelukkende på kataloget; det andet projekt er uafhængigt.

Sådan er kataloget organiseret: fra bestilling til produktkort

Til forhandlerkataloget brugte jeg min videofeed-tjeneste, shop.vibevox.pro, et separat produkt, ikke 1001site. I det overordnede systemdiagram er kataloget en del af en større proces: ordrer kopieres til lederens Telegram, statusser spores som "Ny → Igangværende → Færdig", og kunder dirigeres til butikken fra Telegram, WhatsApp eller Instagram -links.

Layout af forhandlerkatalog: ordrer, produktstyring og integration af beskeder i VibeVox-systemet

Produkter i styringssystemet er sorteret efter kategori, hver enkelt kan hurtigt tildeles en beskrivelse og et billede, og selve kategorien og kortet oprettes ved hjælp af et neuralt netværk, hvilket eliminerer manuel kodning. Dette trin – oprettelse af kategorier og kort uden manuel input – blev udført i monumentrækkefølgen via AI-chatten via MCP.

MCP: Tjenesten opretter forbindelse til Claude som et værktøj

Den åbne Model Context Protocol forbinder AI-chat direkte til en ekstern tjeneste: chatten aktiverer tjenestefunktioner via tekstkommandoer i stedet for at klikke på administrationspanelet. Shop.vibevox.pro har allerede denne funktion på plads – jeg viser den på skærmbilledet af tjenestens landingsside ovenfor, på forsidebilledet af denne artikel.

Servicesiden viser, hvad der kan administreres via Claude uden kodning: produkter, kategorier, mediefiler, butiksindstillinger, ordrer, tekster og SEO-beskrivelser. Forbindelsen sker via et enkelt link med en personlig nøgle, og adgangen er begrænset til en bestemt butik.

Hvad jeg egentlig skrev til Claude

Det krævede kun et par kommandoer i chatten at indstille opgaven. En af prompterne så sådan ud – med klare trin og ingen plads til gætværk:

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

Claudes chatprompt: Trin-for-trin opgave til at oprette ni kategorier via MCP

Kommandoen nævner ikke noget om brugerfladen eller knapperne – kun specifikke kategorinavne og den rækkefølge, som servicefunktionerne kaldes i. Disse specifikke detaljer gør hele forskellen mellem "at bede AI'en om at finde på noget" og "at bede AI'en om at udføre en præcis opgave": jo mere præcise trinene er, desto mere forudsigeligt er resultatet.

Hvad Claude svarede: 9 kategorier i 6 trin

Claude fuldførte opgaven og rapporterede om hvert trin separat: Han oprettede 9 kategorier uden dubletter og genopbyggede butikkens designindstillinger (baggrundsfarve, layout), fordi de gamle links ikke var på siden endnu – der var intet at tabe.

Claudes svar: en tabel med ni kategorier med links, alle trin gennemført

Svaret indeholder en færdiglavet tabel: nummer, kategori, teknisk slug og et fungerende link til butikssektionen for hver af de ni kategorier (fra "Engle" og "Kors" til "Monumentelementer"). Claude genererede selv slugsene ved hjælp af translitteration og angav eksplicit, at han tog dem fra API-svaret og ikke opfandt dem – det er præcis den slags kontrol, jeg anmodede om i prompten.

Claude brugte senere den samme fremgangsmåde til at sortere i hele udvalget af originale 3D-modeller: han kategoriserede dem i ni kategorier og konverterede dem til 300 individuelle produktkatalogposter. Forhandlerne modtog et færdiglavet, struktureret værktøj i stedet for en solid liste over modeller.

Baggrundsvideoer og projektresumé

For at forhindre, at katalogets hovedside ligner en kedelig liste, har jeg genereret baggrundsvideoer for hver kategori. På denne måde adskiller brugerfladen visuelt "Engle" fra "Militære" monumenter, allerede før sektionen åbnes. Selve opslaget indeholder en videodemonstration af brugerfladen. På tidspunktet for offentliggørelsen var resultatet allerede ved at blive godkendt af klienten.

Du kan tjekke det færdige produkt i livebutikken - shop.vibevox.pro/cnc. Jeg anslår, at omkring 5% af projektets manuelle arbejde er tilbage - modelanalyse, katalogstruktur og indhold - som blev håndteret af AI-chatten.

Du kan også oprette et lignende katalog med et AI-assisteret dashboard på din hjemmeside ved hjælp af 1001site AI: et stilkatalog, produktoverførsel via link eller MCP forbindelse til Claude, ChatGPT eller Gemini.

Kilder

Projektlinks

Spørgsmål og svar

Hvad er MCP kort sagt?

En protokol, der forbinder AI-chat ( Claude, ChatGPT, Gemini) til din tjeneste som et værktøj. Når du har oprettet forbindelse til din butik via et link, kan du sende en sms til chatten med, hvad den skal gøre, og den vil automatisk udføre de nødvendige kommandoer uden behov for et administrationspanel.

Er det muligt at udfylde kataloget på 1001site lige så hurtigt?

Ja, et lignende princip er indbygget i 1001site: forbindelse via MCP til Claude, ChatGPT eller Gemini giver AI'en adgang til kataloget, produkterne, ordrerne og websitedesignet, mens linkoverførsel automatisk finder produkter på det gamle website, TikTok, Instagram, Facebook eller Telegram kanal og viser en forhåndsvisning før indlæsning.

Har du brug for at vide, hvordan man programmerer for at drive en butik som denne?

Nej. Kommandoer skrives i almindelig tekst, som i dette tilfælde Claude kalder automatisk de nødvendige servicefunktioner. Ejeren behøver kun at beskrive opgaven og trinnene tydeligt.

Virker denne metode, hvis der kun er 20-30 produkter?

Ideen er den samme: i stedet for manuelt at indtaste hvert kort, giver du AI-assistenten et link til en kilde eller liste, og den organiserer automatisk produkter i kategorier. Med et lille katalog er tidsbesparelsen mindre procentuelt, men manuel kortindtastning elimineres helt.