MeYay AI

Handmade Mugs

A small shop page with your product photos, a cart, a Sold out switch and an order message instead of a checkout.

V2 · 0:12 demoPlay

Full screenV2 · 30 KB · one HTML file

Sample data. Sample prices. The shop and its products are made up.

Prompt

A one-page online shop for my handmade mugs1 What it does. Show my three product photos in a grid with their names and prices (Morning Mug $14, Ocean Bottle $16, Night Candle $18)4 What must happen, an Add to cart button on each, and a cart total4 What must happen.

Exactly as it was typed.

  1. What it doesWhat it is.
  2. Who it’s forThis prompt leaves “who it’s for” to the AI.
  3. How it should feelThis prompt leaves “how it should feel” to the AI.
  4. What must happenYour pictures, and the name and price that goes with each. What a visitor can do, and what adds up.

Use this idea

What this teaches

Ask for what the page can really do: with no way to take payment, it writes an order message instead.

  • "Show my three product photos in a grid with their names and prices" pairs each picture with its name and price.
  • "an Add to cart button on each, and a cart total" asks for a cart that adds up.
  • The change swaps checkout for "Order by message", because the page cannot take money.

Changes

Replace the checkout idea with an Order by message button that lists what's in the cart, and add a Sold out label I can switch on.

Change request · V1 → V2

BeforeAfter

What changed

  • An Order by message button writes out what's in the cart, ready to send to the shop.
  • Each product has a switch that marks it Sold out and stops it being added.

What stayed: The photos, names, prices and cart total are the same as before.

Use this change

Try a change

Each one starts your own draft in the Studio. Nothing is built until you press Build.

How it was made

  • V1 Built on Oct 14, 2026 · Direct · Verified on the first try · 88 s · Tested on desktop and phone · 1 AI Credit
  • V2 Changed on Oct 14, 2026 · Verified on the first try · 115 s · Tested on desktop and phone · one change, no AI Credits

Built with these files

Known limitations

  • The order message appears on the page; it is not sent anywhere.
  • The Sold out switch is on the page for anyone, and resets when the page is opened again.
  • A screen reader keeps naming each switch "Mark … as sold out", even after the button on screen reads "Mark available".

More like this

Use this idea