Agentic Commerce2026

ShopAgent

Shopify UCPCatalog MCPCheckout MCPNuxt 3Claude APIAgentic Commerce

Full-stack agentic commerce app — conversational product discovery across the entire Shopify ecosystem, multi-merchant checkout, Embedded Checkout Protocol, and streaming UI.

The Challenge

Shopify's Universal Commerce Protocol launched with backing from Walmart, Target, Visa, Mastercard, and Stripe — yet almost no independent developers have built production-grade UCP agents. The protocol is complex, the reference implementations are minimal, and building a full buyer journey requires coordinating three MCP servers, multi-merchant checkout state, and payment escalation.

The Solution

A UCP-native agent implementing the complete buyer journey: discovery, refinement, checkout, and order confirmation. Three MCP server integrations (Catalog, Checkout, Storefront), agentic orchestration via Claude API with up to 10 tool rounds per request, full-replacement checkout state management, Embedded Checkout Protocol for payment escalation, and a streaming Nuxt 3 frontend with real-time product carousels.

Design

Code

Result

server/api/agent/orchestrator.tstypescript
  1async function runAgentLoop(  2  messages: Message[],  3  tools: ToolDefinition[]  4): Promise<StreamableResponse> {  5  let toolRound = 0  6  const MAX_ROUNDS = 10  7  8  while (toolRound < MAX_ROUNDS) {  9    const response = await anthropic.messages.create({ 10      model: 'claude-sonnet-4-20250514', 11      messages, 12      tools, 13      stream: true, 14    }) 15 16    const toolCalls = extractToolCalls(response) 17    if (toolCalls.length === 0) break 18 19    const results = await Promise.all( 20      toolCalls.map(tc => executeMcpTool(tc)) 21    ) 22    messages.push(...formatToolResults(results)) 23    toolRound++ 24  } 25 26  return streamResponse(messages) 27} 28

Scroll to explore

Tech Stack

Nuxt 3Vue 3TypeScriptClaude APIShopify Catalog MCPCheckout MCPStorefront MCPPiniaTailwind CSS v4SSE

Interested in similar work?

Let's discuss how I can help bring your Shopify project to life.