CoDesign
WebMCP Open the tote demo

WebMCP for Custom Products on Shopify

Make your Shopify product configurator agent-ready.

CoDesign WebMCP connects AI agents to the product designer already on your Shopify store, allowing them to create and validate custom-product configurations inside the live customer experience.

Open the live tote demo See the transaction
Checking Site tools support…
Cream KORRHAUS custom sock
KORRHAUS merchant integration
Natural canvas studio tote
Second adapter proof
Agent proposal Temporary Persisted: false
Human only Keep / Revert

6focused webpage tools

0agent save or order tools

2materially different adapters

184deterministic tests

The Shopify handoff point

After product discovery.
Before anything is cart-ready.

Shopify handles catalog, navigation, cart, checkout, and orders. CoDesign WebMCP handles the interdependent configuration work inside the merchant's live page.

  1. 01ReadAllowlisted live state and revision
  2. 02DiscoverPublic options and coupled rules
  3. 03ProposeAtomic, visible, zero-write preview
  4. 04ValidateConfiguration and production readiness
  5. 05Human decidesKeep or exact Revert in the page

Two configurators. One unchanged core.

Real-business relevance.
Portable by design.

01 / Real merchant proof

KORRHAUS integration

120 pairs.
Two colourways.
One missing decision.

“We need 120 pairs for North Form, split evenly across two colourways. Use cream with navy accents for the first and dusty rose with berry accents for the second. Use the standard grip. Show NORTH FORM as a placeholder, but we will add the real logo later.”
KORRHAUS live verification pending
Cream custom sock illustrating the North Form brief
Expected validationValid draftFinal logo artwork required
02 / Portability proof

Fictional studio tote

Different product.
Different rules.
Same safe transaction.

“Create 100 studio totes for North Form, split evenly across two variants, and use the supplied artwork. Natural with long handles; charcoal with short handles. Show both previews. Do not save.”
Open portability demo Download demo artwork
Natural studio tote portability reference
Visible result2 named variantsreal artwork + preview per variant

The deliberate boundary

The agent never gets the last click.

A proposal may coordinate choices and update the real preview. Only the person can cross the existing persistence boundary.

Visible to the agentPublic configuration, options, dependencies, validation

Visible to the personEvery preview change, missing decision, Keep and Revert

Never exposed as toolsSave, upload, quote, order, checkout, payment, customer or private commercial data

Agent-Ready Configurator Pilot

A manifest. A narrow adapter.
A transaction the merchant controls.

Connect one existing product configurator to CoDesign WebMCP, preserve its visual experience, and prove the agent workflow against the merchant's real rules.

Public repository pending release Judge guide pending release
Package
@codesign-webmcp/core v0.1.0
Commit
local build
Core WebMCP bundle
verifying…
Tote application bundle
verifying…