DesignWithMe SDK examples

Working, end-to-end example pages for each DesignWithMe AI service. Every page creates one @mxt/designwithme-sdk client with createDesignWithMe() — no separate authentication step — and calls the service's plain typed methods directly, the same integration pattern you'll use in your own app.

Mock mode is on. Every DesignWithMe API call is answered by a mock running inside the browser — no API key, and no request leaves the tab. The SDK and the wire shapes are the real ones, so the event sequence and state updates are genuine; the results are canned fixtures. Drop ?mock=1 from the URL to call the live services with your own key.

Image Generation

Submit an image generation job with a room photo plus catalog ids, photos of products that aren't in a catalog, or both — watch its live job handle report progress, and display the generated scene.

Product Recommendations

Submit a style query and display recommended products with match scores — plus free-text catalog search.

Interactive Chat

Converse with the design assistant and watch it act — it generates a render of your room or searches the catalog mid-conversation, and the SDK runs the whole tool loop.

Price Estimation

Submit a room image and parameters, and display the estimated price range with confidence scores — imperial and metric.

Two URL parameters

Both are behaviour of these demo pages, not features of the SDK.