Lee Yih Ven
AI Project

Sunny Car Accessories (WebMCP)

Static-HTML car shop exposes typed tools for AI shopping agents.

A Malaysian car-accessory storefront that AI agents can shop on — without screenshots, without guessing pixel coordinates, without abandoning carts mid-checkout. Built on WebMCP, a draft W3C standard.

The way most AI shopping agents work today: take a screenshot, identify "Add to Cart" visually, click pixel coordinates, hope the page didn't shift. It works about half the time. Carts get abandoned in checkout because the agent loses its place.

WebMCP solves this differently. The page exposes a typed menu of tools — searchAccessories, addToCart, checkFitment, getStockLevel — that any WebMCP-aware agent can discover and call directly. No vision required. No fragile DOM assumptions.

Sunny Car Accessories is a small storefront across Interior, Exterior, Performance, and Tech categories. To a human visitor it looks and behaves like a normal static-HTML shop. The agent layer runs invisibly via JavaScript at page load. Visitors who don't know about WebMCP would never notice it's there.

That's the part worth flagging: the human UI is identical with or without WebMCP. The technology is additive, not replacement. You don't choose between "human-friendly" and "agent-friendly." The page is both.

For Malaysian SMEs, the practical implication is preparation for the next traffic channel. Being agent-discoverable today is roughly what mobile-friendly was to Google in 2015 — if AI shopping agents become the default, sites without WebMCP are invisible to them.

Live demo (Chrome 146+) → Source →
#WebMCP #AgenticCommerce #AIAgents