Cloudflare · AI Commerce Demo

Costco AI Storefront — Feature Showcase

A working storefront with a built-in AI shopping concierge. Below are five live features — each clip is a real recording of the deployed app. The agent is built on the Cloudflare Agents SDK and the whole experience runs as a single Cloudflare Worker.

https://costco-store.karenrod0127.workers.dev/

Every clip below loops automatically and each one runs the full journey — all the way to a placed order. These are unedited captures of the live agent responding in real time; the product cards, action buttons and confirmations are all real app state.

1 Family of 4 — Meal Plan → Shopping List → Checkout from Lists

Lists → set family size to 4 → Generate meal plan → Buy all → Place order.

Starting in Lists, set the household to a family of four and generate a week of meals. The planner returns real recipes — Chicken & Rice Bowls, Penne Pasta Night, Scrambled Eggs & Toast, Cereal & Fruit Breakfast — and a full grocery list scaled to the family: rice, pasta, bread, eggs, milk, vegetables, bananas, coffee and more. One tap adds the whole list to the cart, then straight through checkout to Order placed.

Also shown: the checkout page surfaces an AI upsell — “Before you go — complete your haul.”
Meal-plan engineWorkers AI · Llama 3.3 70BAgents SDK
2 BBQ Weekend for 8 — from Chat → Cart → Checkout add all to cart

Chat: “Build me a cart for a BBQ weekend for 8 people” → Add all 8 to bag → Place order.

Ask the concierge to cater a BBQ for eight and it scopes quantities, recommends the full cookout set — patties, buns, cheese, condiments, chips, potato salad, soda, charcoal — and offers Add all 8 to bag. From there it flows to the cart and all the way through checkout to a confirmed order.

What the client sees: the agent operates the store, taking multi-item actions in one turn — then the shopper checks out in seconds.
Agents SDK server-side toolsDurable Object state
3 Outdoor Patio — Visualize with AI → Checkout Stylist agent

Home → Visualize with AI → upload your patio → choose a set + lamp → Add all → Place order.

Go into the Home department and scroll to Visualize with AI. Upload a photo of your own patio, pick a complete dining set and an accent piece like a lamp or string lights, and the app stages it all onto your photo with a live “In this look” total. Add all to cart and run through checkout to a placed order.

What the client sees: product visualization that removes hesitation on big-ticket items — recommendation, imagery and purchase in one flow.
Named “Stylist” agentDurable Object (SQLite)Workers AI
4 Coffee — Photo Search, AI Review Summary, Refill & Cross-Sell AI summary + cross-sell

Upload a coffee-bag photo from the desktop → AI Review Summary → set Coffee on monthly Refill → open Bath Tissue from “Frequently Bought Together” → set it on Refill too → Buy Again shows both on auto-refill.

Upload a photo of a coffee bag straight from the desktop and the storefront’s search-by-photo lands you on the House Blend Coffee page. An AI Review Summary distills what customers say (“Incredible value,” “Great for meal prep”) with a value-for-money gauge. Put the coffee on a monthly Refill & Save, then from the AI-curated “Frequently Bought Together” strip open the Kirkland Bath Tissue and schedule it too. The Buy Again page confirms both items on set-and-forget auto-refill.

What the client sees: AI condenses reviews into a decision, and AI-curated cross-sell drives basket size — plus set-and-forget replenishment for recurring revenue.
Search by photoAI review summaryFrequently-bought AI cross-sellDurable Object refills
5 Membership — Upgrade Gold → Executive from the AI Agent AI + page

Chat: “Sign me up for Gold Star” → then “Upgrade me to Executive” → the Membership page reflects the black Executive card.

The concierge joins the shopper on Gold Star ($65/yr), then upgrades the plan to Executive ($130/yr) — each step with a confirm button right in chat. Navigate to the Membership page and the account already shows the black-and-gold Executive Member card, marked Active. The agent and the page act on one shared account.

What the client sees: AI-driven self-service for the highest-value membership action — the plan upgrade — closed inside the conversation.
Synchronized agent state (onStateUpdate)Durable Object

Built on Cloudflare — what’s under the hood

The entire storefront and its AI agent deploy as a single Cloudflare Worker — no separate backend to build or operate. Verified in the codebase:

Cloudflare Agents SDK (useAgent / useAgentChat) Durable Objects — per-shopper agent, SQLite state Workers AI — Llama 3.3 70B Instruct Workers + Static Assets (React SPA) Real-time WebSocket streaming

Why it matters: the Agents SDK ships streaming, tool-calling, real-time state, and scheduling out of the box — so this went from idea to a live, globally deployed AI product fast, and it scales from zero to a holiday rush automatically.

Note: the conversational concierge and meal planning are powered by Workers AI (Llama 3.3 70B). The patio “Visualize with AI” feature composites pre-generated product imagery onto the shopper’s photo; swapping in live Workers AI text-to-image generation is a natural next step on the same platform.