Verdant Market
Author: OpenAI
Browse groceries and build a shared cart with an agent.
Description
A grocery-shopping demo with a searchable catalog of 110 products, product pages, a shared cart, and a checkout preview.
How it uses WebMCP
An agent can explore the product catalog, inspect items, and build the cart through WebMCP. It works with structured product and cart details while you browse and review the same shopping choices.
Build notes
Initial prompt
Build a complete modern grocery storefront with more than 100 products across standard departments, including conventional and organic baking ingredients. Include home, product, cart, and checkout flows, realistic imagery, and WebMCP tools for browsing departments, searching and inspecting products, and managing the cart. Build and host it with Sites, and test the browser flows and WebMCP tools.
Iterations
-
Built the storefront with 110 products in 10 departments, product pages, a cart, and a checkout flow.
-
Refined the layout and information density, added product photography, and fixed navigation with browser history.
-
Added and refined the WebMCP tools, including visible tool-activity feedback.
-
Removed recipe-specific helpers and navigation-only tools and improved checkout guidance.
-
Fixed empty tool input schemas on the deployed site and verified them after a fresh reload.
- Final step
Removed the recipe-kit interface and its hidden state to focus on general grocery shopping.
