Demo Showcase

ShopAgent — AI Shopping
Assistant

An AI-powered e-commerce assistant that demonstrates six AI agent protocols — MCP, A2A, UCP, AP2, A2UI, and AG-UI — working together in a single application. Ask for products in natural language, get AI-ranked recommendations with live inventory, add to cart, and complete checkout with cryptographically signed payment mandates — all through a conversational interface.

Delivery Stack — What We Build
Frontend & Web
React · Next.js · Vue
Headless CMS · PWA
Mobile
React Native · Kotlin
Android · Cross-Platform
Backend & APIs
FastAPI · Django · Laravel
Symfony · REST · WebSockets
CMS & E-Commerce
Drupal · WordPress · Joomla
Drupal Commerce · WooCommerce
DevOps & Infra
Docker · VPS · CI/CD
PostgreSQL · MySQL · Redis
AI & Automation
Python Agents · API Integration
Workflow Automation · LLM

AI Agent Protocols

MCP, A2A, UCP, AP2, A2UI, AG-UI

Microservices

Frontend, orchestrator, catalog, recommender, inventory, merchant

Walkthrough Steps

End-to-end guided demo flow

Products in Catalog

Shoes, electronics, accessories, nutrition

Highlights

Key Features

What makes this demo stand out — six protocols orchestrated as one seamless shopping experience.

MCP Product Search

Natural language queries hit the MCP catalog server directly. Filters for price, category, and tags are extracted automatically — ask for "running shoes under $100" and only qualifying products are returned.

A2A Agent Enrichment

Two autonomous A2A agents enrich every search. The recommender scores products by preference match. The inventory agent checks live stock levels and estimates delivery — both discovered via Agent Card protocol.

UCP Checkout

The Universal Commerce Protocol handles cart management, session creation, tax calculation, and order completion. All monetary amounts use integer cents — no floating-point rounding errors.

AP2 Mandate Chain

Every checkout produces a cryptographically signed chain of three mandates — Intent, Cart, and Payment — using Ed25519 signatures. Every transaction attempt is auditable, even on payment failure.

A2UI Generative Interface

The agent generates structured UI payloads — product grids with stock badges and Add to Cart buttons, cart summaries, checkout forms, and order confirmations — all rendered as real components inside the chat.

AG-UI Streaming

The CopilotKit runtime streams agent state to the frontend in real time via SSE. You see products appear, carts update, and protocol activity flow through the payload inspector as the agent works.

Tech Stack

Built With

Next.js LangGraph CopilotKit Python React TypeScript OpenAI GPT SQLite FastAPI Ed25519 Signing Docker Compose Traefik SSE Streaming JSON-RPC 2.0
Architecture

How It's Built

Six services orchestrated by LangGraph — each owning one protocol layer.

Frontend

Next.js + CopilotKit + AG-UI streaming

Orchestrator

LangGraph + CopilotKit Python runtime

MCP Catalog

Product search + filters via MCP protocol

A2A Agents

Recommender (scoring) + Inventory (stock)

UCP Merchant

Checkout + AP2 mandate signing

Try It Yourself

Launch the Live Demo

No installation required — the demo runs in your browser. All services use mock providers so you can explore the full shopping flow including checkout and payment without real transactions.

Demo URL shop-agent.agilecreativeminds.nl
Access Code ShopAgent2026
Session 45 min

Impressed by the demo?

Let's Build an AI Agent Like This For You

Multi-protocol AI agents, conversational commerce, and production-grade orchestration — designed, built, and deployed properly the first time.