Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukframkallareUtvecklar AI-verktyg för företag. Högkvalitativt. Prisvärt.Skriv i Telegram

En katalog med 300 produkter på några minuter: Hur Claude fyllde den

VibeVox landningssida: hantering av butikskataloger via Claude för MCP
UppgiftFyll den elektroniska katalogen över monument för återförsäljare - ett arbetsverktyg för att snabbt välja modeller och inte en reklamutställning
LösningAnslut videoflödestjänsten shop.vibevox.pro till Claude via MCP och använd textkommandon för att instruera AI:n att analysera 3D-modeller, skapa kategorier och distribuera produkter.
DeadlinesFlera kommandon i chatten, resultatet är föremål för godkännande av kunden
Resultat9 kategorier och 300 produkter utan manuell kortinmatning, bakgrundsvideor för varje kategori

Jag fick två samtidiga beställningar från den ukrainska begravningsbranschen: en onlinekatalog med monument för återförsäljare och SEO för en separat webbplats. Jag skapade katalogen med hjälp av min videofeedtjänst, shop.vibevox.pro, och Claude AI-chatten, ansluten via MCP protokollet. Några textkommandon förvandlade en tom butik till en färdig struktur med nio kategorier och 300 produkter. En liknande princip för att ansluta AI:n till katalogen och överföra produkter via en länk är redan inbyggd i 1001site AI – du kan bygga din egen butik på det här sättet utan ett dedikerat utvecklingsteam.

Mål: Ett arbetsverktyg för återförsäljare

Kunden beskrev uppgiften direkt: ”Vi behöver en elektronisk katalog för våra återförsäljares och partners arbete. Detta är inte en reklamkatalog, utan ett arbetsverktyg för ett brett urval av modeller.” Återförsäljare och partners använder den själva: de väljer en monumentmodell från katalogen och gör en beställning.

Samtidigt kom en andra order: att marknadsföra den befintliga webbplatsen pamyatniki.ukr, som jag inte utvecklade. Detta arbete började med en omfattande SEO-granskning för att förstå tillväxtmöjligheter och uppskatta kostnader. Resten av fallstudien fokuserar enbart på katalogen; det andra projektet är orelaterat.

Hur katalogen är organiserad: från beställning till produktkort

För återförsäljarkatalogen använde jag min videoflödestjänst, shop.vibevox.pro, en separat produkt, inte 1001site. I det övergripande systemdiagrammet är katalogen en del av en större process: beställningar kopieras till chefens Telegram, status spåras som "Nytt → Pågår → Slutfört" och kunder dirigeras till butiken från Telegram, WhatsApp eller Instagram länkar.

Layout för återförsäljarkatalog: beställningar, produkthantering och meddelandeintegrationer i VibeVox-systemet

Produkterna i hanteringssystemet sorteras efter kategori, var och en kan snabbt tilldelas en beskrivning och ett foto, och själva kategorin och kortet skapas med hjälp av ett neuralt nätverk, vilket eliminerar manuell kodning. Detta steg – att skapa kategorier och kort utan manuell inmatning – utfördes i monumentordningen med AI-chatten via MCP.

MCP: Tjänsten ansluter till Claude som ett verktyg

Det öppna Model Context Protocol kopplar AI-chatt direkt till en extern tjänst: chatten anropar tjänstfunktioner via textkommandon istället för att klicka på administratörspanelen. Shop.vibevox.pro har redan den här funktionen på plats – jag visar den på skärmdumpen av tjänstens landningssida ovan, i omslagsbilden till den här artikeln.

Servicesidan listar vad som kan hanteras via Claude utan kodning: produkter, kategorier, mediefiler, butiksinställningar, beställningar, texter och SEO-beskrivningar. Anslutning sker via en enda länk med en personlig nyckel, och åtkomsten är begränsad till en specifik butik.

Vad jag egentligen skrev till Claude

Att ställa in uppgiften krävde bara ett par kommandon i chatten. En av uppmaningarna såg ut så här – med tydliga steg och inget utrymme för gissningar:

Ты подключён к моему магазину 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 chattprompt: Steg-för-steg-uppgift för att skapa nio kategorier via MCP

Kommandot nämner ingenting om gränssnittet eller knapparna – bara specifika kategorinamn och den ordning i vilken tjänstfunktionerna anropas. Dessa detaljer gör hela skillnaden mellan att "be AI:n att komma på något" och "be AI:n att utföra en exakt uppgift": ju mer exakta stegen är, desto mer förutsägbart blir resultatet.

Vad Claude svarade: 9 kategorier i 6 steg

Claude slutförde uppgiften och rapporterade varje steg separat: han skapade 9 kategorier utan dubbletter och byggde om butikens designinställningar (bakgrundsfärg, layout) eftersom de gamla länkarna inte fanns på webbplatsen än – det fanns inget att förlora.

Claudes svar: en tabell med nio kategorier med länkar, alla steg slutförda

Svaret innehåller en färdig tabell: nummer, kategori, teknisk slug och en fungerande länk till butikssektionen för var och en av de nio kategorierna (från "Änglar" och "Kors" till "Monumentelement"). Claude genererade slugarna själv med hjälp av translitteration och uppgav uttryckligen att han hämtade dem från API-svaret och inte hittade på dem – det här är precis den typ av kontroll jag begärde i prompten.

Claude använde senare samma metod för att sortera igenom hela uppsättningen av ursprungliga 3D-modeller: kategoriserade dem i nio kategorier och konverterade dem till 300 individuella produktkatalogposter. Återförsäljarna fick ett färdigt, strukturerat verktyg istället för en gedigen lista med modeller.

Bakgrundsvideor och projektsammanfattning

För att förhindra att katalogens huvudsida ser ut som en tråkig lista genererade jag bakgrundsvideor för varje kategori. På så sätt skiljer gränssnittet visuellt "Änglar" från "Militära" monument redan innan sektionen öppnas. Själva inlägget innehåller en videodemonstration av gränssnittet. Vid publiceringstillfället höll resultatet redan på att godkännas av klienten.

Du kan kolla in den färdiga produkten i livebutiken - shop.vibevox.pro/cnc. Jag uppskattar att cirka 5 % av projektets manuella arbete återstår – modellanalys, katalogstruktur och innehåll hanterades av AI-chatten.

Du kan också skapa en liknande katalog med en AI-assisterad instrumentpanel på din webbplats med hjälp av 1001site AI: en stilkatalog, produktöverföring via länk eller MCP anslutning till Claude, ChatGPT eller Gemini.

Källor

Projektlänkar

Frågor och svar

Vad är MCP enkelt uttryckt?

Ett protokoll som kopplar AI-chatt ( Claude, ChatGPT, Gemini) till din tjänst som ett verktyg. När du har anslutit din butik via en länk kan du sedan skicka ett sms till chatten med information om hur den ska göra, och den kommer automatiskt att köra nödvändiga kommandon, utan behov av en administratörspanel.

Är det möjligt att fylla i katalogen på 1001site lika snabbt?

Ja, en liknande princip är inbyggd i 1001site: att ansluta via MCP till Claude, ChatGPT eller Gemini ger AI:n tillgång till katalogen, produkterna, beställningarna och webbdesignen, medan länköverföringen automatiskt hittar produkter på den gamla webbplatsen, TikTok, Instagram, Facebook eller Telegram kanalen och visar en förhandsgranskning innan den laddas.

Behöver du veta hur man programmerar för att driva en sådan här butik?

Nej. Kommandon skrivs i klartext, som i det här fallet Claude anropar automatiskt de nödvändiga servicefunktionerna. Ägaren behöver bara tydligt beskriva uppgiften och stegen.

Fungerar den här metoden om det bara finns 20–30 produkter?

Idén är densamma: istället för att manuellt mata in varje kort ger du AI-assistenten en länk till en källa eller lista, och den organiserar automatiskt produkter i kategorier. Med en liten katalog är tidsbesparingen procentuellt mindre, men manuell kortinmatning elimineras helt.