Sklep kawowy w czacie — demo MCP Commerce
MCP Shop to interaktywny sklep z kawą specialty, który działa bezpośrednio w oknie rozmowy z AI — bez otwierania przeglądarki, bez przełączania aplikacji. Przeglądasz produkty, budujesz koszyk i przechodzisz do płatności w jednej rozmowie. Asystent rozumie Twoje preferencje smakowe i sam dopasowuje kawę — wystarczy jedno zdanie. Sklep działa jako demo technologii MCP Commerce: pokazuje, jak zbudować pełny sklep zintegrowany z AI.Tryb demonstracyjny: serwer działa w trybie testowym Stripe — żadna płatność nie jest realna. To showcase możliwości, nie prawdziwy sklep.
Narzędzia (co może zrobić asystent)
- Otwórz sklep z kawą — wyświetla pełny katalog 5 produktów (kawy single-origin, blend, zestaw do parzenia) wraz z aktualnymi cenami i zawartością koszyka.
- Dodaj do koszyka — dodaje lub aktualizuje wybrany produkt w koszyku: gramatura (250 g / 1 kg), sposób mielenia (ziarna / przelew / espresso / french press), ilość. Wpisanie ilości 0 usuwa pozycję.
- Pokaż koszyk — zwraca aktualną zawartość koszyka z cenami i sumą. Działa też gdy koszyk jest pusty.
- Utwórz zamówienie (automatyczne) — uruchamia się po kliknięciu przycisku „Zamów i zapłać” w widgecie. Tworzy sesję płatności i otwiera stronę Stripe Checkout. Nie jest wywoływane ręcznie przez asystenta.
- Status zamówienia (automatyczne) — widget sprawdza co 3 sekundy, czy płatność została potwierdzona. Po potwierdzeniu wyświetla podsumowanie zamówienia.
Komendy (gotowe scenariusze)
- Sklep z kawą (
/sklep-kawowy) — otwiera sklep i wyświetla widget z katalogiem produktów. - Zamów kawę (
/zamow-kawe) — asystent pyta o preferencje smakowe i sposób parzenia, dobiera kawę, dodaje do koszyka i prowadzi przez zamówienie. Opcjonalny parametr: preferencje (np. „mocna, do espresso, 1 kg”).
Widget (interaktywny podgląd)
Sklep otwiera się jako interaktywny widget wbudowany bezpośrednio w czat — widzisz siatkę produktów z prawdziwymi zdjęciami i klikasz bez wychodzenia z rozmowy.Jak działa MCP Shop
Przepływ danych
- Piszesz do asystenta (Claude, ChatGPT lub inny klient MCP).
- Asystent wywołuje narzędzie Otwórz sklep z kawą na serwerze MCP.
- Serwer odczytuje katalog produktów i Twój koszyk z bazy danych (Cloudflare D1).
- Widget renderuje się w czacie — widzisz produkty, ceny, zdjęcia.
- Klikasz produkt, wybierasz gramaturę i mielenie, dodajesz do koszyka.
- Po kliknięciu „Zamów i zapłać” widget otwiera stronę płatności Stripe (tryb testowy).
- Widget co 3 sekundy sprawdza status płatności i wyświetla potwierdzenie.
Ceny są zawsze obliczane po stronie serwera — żaden klient nie może zmienić kwoty. Koszyk i zamówienia zapisywane są w bazie danych i przeżywają wiele rozmów.
Co widzisz w widgecie
Widget przechodzi przez kolejne widoki:- Katalog produktów — siatka 5 produktów z prawdziwymi zdjęciami, nutami smakowymi i ceną „od X zł”. Przycisk Wybierz przenosi do szczegółów. Na kawie BLN widoczna jest etykieta Promocja.
- Szczegóły produktu — duże zdjęcie, pełna nazwa, przyciski gramatura (250 g / 1 kg), przyciski mielenia (ziarna / przelew / espresso / french press), stepper ilości i przycisk „Dodaj do koszyka” z żywą ceną.
- Koszyk — lista pozycji ze stepperami ±, suma i przycisk „Zamów i zapłać”.
- Oczekiwanie na płatność — spinner z linkiem do powrotu; widget automatycznie wykrywa potwierdzenie.
- Potwierdzenie zamówienia — lista zakupionych pozycji, suma, przycisk „Kup ponownie”.
Scenariusze z życia wzięte
Scenariusz 1 — zakupy przez rozmowę
Piszesz: „Dobierz mi mocną kawę do espresso, 1 kg, i zamów.” Asystent otwiera sklep, poleca Blend „Poranny Rytuał” (mocna, klasyczna, 1 kg — 129 zł), dodaje do koszyka i prosi o potwierdzenie. Klikasz „Zamów i zapłać” w widgecie — gotowe.Scenariusz 2 — zarządzanie koszykiem w naturalnym języku
Dodajesz kilka kaw, potem piszesz: „Usuń Brazylię i pokaż mi sumę.” Asystent wywołuje Dodaj do koszyka z ilością 0 dla Brazylii Cerrado, a następnie Pokaż koszyk — widzisz zaktualizowaną sumę bez jednej kliknięcia w interfejsie.Scenariusz 3 — prezent dla kogoś
Pytasz: „Szukam kawy owocowej jako prezent — co polecasz?” Asystent wskazuje Etiopia Yirgacheffe (owocowa, kwiatowa), proponuje 250 g zmielone pod przelew, dodaje do koszyka i czeka na Twój sygnał do zamówienia.4/5
poleceń
✓ Polecenia zwalidowane przez wtyczki.ai
Ostatni test: 2026-05-30
✓ Sprawdzone polecenia
Te 3 poleceń sprawdzamy regularnie na żywym serwerze — wszystkie działają. Skopiuj dowolne do swojego asystenta AI:- „Chcę kupić kawę. Pokaż mi ofertę sklepu.”
- „Co mam teraz w koszyku i ile to kosztuje?”
- „I’d like to buy some coffee — show me what the shop has.”
Instalacja
Adres serwera
https://mcp-shop.wtyczki.ai/mcpAutoryzacja
Przy pierwszym połączeniu zalogujesz się przez konto wtyczki.ai (rejestracja jest darmowa). Nie wpisujesz żadnych haseł ani kluczy w czacie. Kolejne połączenia są automatyczne.Wymagania
- Darmowe konto wtyczki.ai
- Klient MCP (np. Claude, ChatGPT, Cursor, Alice App, inne)
- Limit: 20 wywołań narzędzi dziennie (reset o północy, czas warszawski)
Pamiętaj: to serwer demonstracyjny w trybie testowym Stripe. Żadna płatność nie jest realna — nie podawaj prawdziwych danych karty.
Często zadawane pytania
Czy to prawdziwy sklep — czy zapłacę naprawdę?
Nie. MCP Shop to demo demonstracyjne — Stripe działa w trybie testowym (TEST mode). Żadna karta nie zostanie obciążona. Możesz przejść przez cały proces zakupu, używając testowej karty Stripe (np.
4242 4242 4242 4242), i zobaczyć, jak wygląda pełny przepływ e-commerce w czacie AI.
Sklep nie wysyła towarów ani nie przetwarza prawdziwych zamówień.
Czy muszę zakładać konto?
Tak — przy pierwszym połączeniu zalogujesz się przez konto wtyczki.ai. Rejestracja jest bezpłatna i zajmuje kilkanaście sekund. Nie wpisujesz żadnych haseł ani kluczy w czacie.
Koszyk i historia zamówień są powiązane z Twoim kontem i przeżywają kolejne sesje czatu.
Czy serwer jest płatny?
Nie — MCP Shop jest bezpłatny. Obowiązuje dzienny limit 20 wywołań na konto (reset o północy czasu warszawskiego). Limit dotyczy wywołań narzędzi, nie kliknięć w widgecie.
Po wyczerpaniu limitu serwer zwraca komunikat z informacją o odnowieniu.
W jakich klientach AI to działa?
W każdym kliencie MCP. Interaktywny widget z katalogiem i koszykiem działa w Claude (claude.ai) oraz ChatGPT. W innych klientach (np. Cursor, Alice App) asystent nadal może przeglądać sklep i zarządzać koszykiem przez rozmowę — bez widgetu graficznego.
Po co w ogóle powstał ten serwer?
MCP Shop to referencyjna implementacja MCP Commerce — pokazuje, jak zbudować pełny sklep e-commerce zintegrowany z asystentem AI: od katalogu, przez koszyk, po płatności i śledzenie zamówień. Może służyć jako baza techniczna dla własnego sklepu MCP — np. dla palarni kawy, sklepu z herbatą czy dowolnego e-commerce z małym katalogiem.
Jeśli chcesz zbudować podobne rozwiązanie dla swojego biznesu, porozmawiajmy o współpracy.
Ile produktów jest w sklepie?
5 produktów demonstracyjnych: Etiopia Yirgacheffe (owocowa, kwiatowa), Brazylia Cerrado (czekoladowa, orzechowa), Kolumbia Supremo (zbalansowana, karmelowa), Blend „Poranny Rytuał” (mocna, klasyczna — w promocji) oraz Zestaw przelewowy V60 z filtrami. Kawy dostępne w gramaturach 250 g i 1 kg, z wyborem mielenia.
Jak zacząć?
Dodaj serwer do swojego klienta MCP (patrz zakładka Instalacja), a potem napisz do asystenta: „Pokaż sklep z kawą” lub użyj komendy
/sklep-kawowy. Widget otworzy się automatycznie w czacie.
Kompatybilne między innmi z:
SZYBKA INSTALACJA
URL
https://mcp-shop.wtyczki.ai/mcp