Integration · Shopify

Generate on-model photos for your Shopify catalog

Start with your assistant and the Product page set template. Use your garment photos to create studio views, then plan delivery to the right product.

Get a demoSet up Uwear MCP
Model wearing a suede zip jacket, full-body front on the Pure White studio, generated with nano-banana-pro through the Product page set template
Front hero from the Product page set template: suede jacket on the Pure White studio, generated with nano-banana-pro through the Uwear MCP.

Use cases

What can you build?

  • Automate on-model catalog photos

    Generate front, upper-body and back views plus a 360 video per garment. Map the result URLs to Shopify product IDs and append them as product media.[25][30]

  • Build a virtual try-on storefront experience

    Prototype garment selection with Uwear MCP. Build the shopper interface as a Shopify theme app extension, with an app backend that runs Uwear API jobs and keeps personal previews out of the public catalog.[45][47]

Model wearing the same suede zip jacket, full-body back camera edit on the Pure White studio, generated with nano-banana-pro through the Product page set template
Back view from the same Product page set run: a camera edit of the front hero, so the model, light, and studio carry over. Generated with nano-banana-pro through the Uwear MCP.

Assistant workflow

How do you run this from your assistant?

Proposed integration, not a preinstalled connection. Use Shopify’s merchant agent surface and Uwear MCP in one supported assistant session; check the available tools and permissions in your account.[11][12][13]

  • Shopify plugin for ChatGPT / Shopify connector for Claude

    Read products and update images with approved merchant access. ChatGPT also lists upload-image; inspect each connector’s tools and permissions before writing.[11][12][13]

    Public installation docs; store login and access approval required.[11][12][13]

  • Dev MCP server / Shopify AI Toolkit

    Supply developer docs, schemas and validation. Store writes use the separately authenticated Shopify CLI store execute command with --allow-mutations.[8][9]

    Local Dev MCP; authenticated CLI execution for store operations.[8][9]

  • Storefront MCP / Storefront Catalog MCP

    Support shopping tasks and catalog discovery. The documented tools do not write product media; use a merchant connector or Admin GraphQL for that step.[7][17]

    Public implementation docs; no explicit GA or beta label.[7][17]

  1. Connect Shopify and Uwear

    In ChatGPT or Claude, connect the official Shopify merchant plugin or connector and Uwear MCP. For a coding assistant, use Shopify Dev MCP for context and authenticated CLI execution for store operations.[8][9][11][12][13]

  2. Select products and keep their IDs

    Read source photos, product IDs and variants with search_products and get-product. Keep each Shopify ID linked to its Uwear garment and result.[11][12]

  3. Approve the Product page set brief

    Ask Uwear MCP to load Product page set for the selected garment photos. Review the art direction and credit estimate before generation. Automatic QA compares results with source photos and retries flagged results when switched on.

  4. Append the generated media

    Retrieve the Uwear result URLs. Use the merchant connector’s supported image actions or Admin GraphQL for named files, alt text and product association. Stage the video upload and wait for processing.[12][25][26][29][30]

  5. Check the product gallery

    Read back the media and alt text, set the intended variant preview and check the storefront. A submitted mutation alone does not confirm that the image is ready.[25][5]

Run it from your assistant

Run this photoshoot from your AI assistant with a Uwear template.

Connect the Uwear MCP server to ChatGPT, Claude, or Codex and ask for the Product page set template. It is a batch workflow that runs once per garment: front, upper-body, and back product-page shots on a white studio background, plus a 360-degree video, from one garment photo. Any Uwear account can load it by name, and the assistant shows a costed brief in credits before generation starts.

Copy this prompt into your assistant

Connect the Shopify plugin for ChatGPT or the Shopify connector for Claude and the Uwear MCP server in this session. Read my tagged Shopify products and keep their product and variant IDs. Load the "Product page set" template for their garment photos on its white studio setup, turn the AI reviewer on, and show me the costed brief in credits before generating. After I approve, propose the Shopify media additions with filenames and alt text, use Admin GraphQL for any step the connector does not support, wait for file readiness, and verify the gallery before reporting.

Set up the MCP server

What one run does, per garment

  1. Generate the front hero

    One full-body front photo of the garment on the template model, in the Basic white photoshoot art direction on the Pure White studio location.

  2. Edit to the upper-body crop

    A camera edit that reframes the front result to an upper-body front frame instead of generating a new image, so the crop comes from the same session as the hero.

  3. Edit to the back view

    A second camera edit of the front result to a full-body back frame, so the product page gets the back of the garment from the same session.

  4. Render the 360 turn

    A 5-second Kling 3 Pro video from the front photo: the model turns a slow, full 360 degrees in place, garment readable throughout.

Outputs per garment

  • Full-body front photo, 2K, 2:3
  • Upper-body front photo, 2K, 2:3
  • Full-body back photo, 2K, 2:3
  • 5-second 360-degree video

The setup the template pins

Template kind
Batch workflow: runs once per garment row
System key
demo_full_pdp_test_white_studio
Art direction
Basic white photoshoot (system art direction)
Location
Pure White (system studio location)
Model
The Uwear system model by default; the assistant can swap in one of your saved models when it proposes the brief
Image model
nano-banana-pro, 2K, 2:3
Video model
Kling 3 Pro, 5 seconds
QA
Optional. With the AI reviewer on, each result is checked against the source product photo and flagged results are retried
Approval
The assistant shows a costed brief in credits before anything generates

Pure automation

How does API delivery work?

Use Shopify Admin GraphQL: fileCreate imports an image URL with filename and alt. Wait for fileStatus READY, then fileUpdate adds the product reference. Stage hosted video with stagedUploadsCreate. Assign a variant preview after the image is attached.[25][26][29][30]

  1. Start from a product event

    A service receives Shopify webhooks, imports the garment into Uwear and keeps the product mapping. Deduplicate events and ignore changes caused by your own media delivery.[56]

  2. Run generation without an assistant

    Submit Uwear REST API jobs and receive completion webhooks. Or start a published Production Automation after a garment is processed, a tag is added or an outfit is created. These are Uwear workspace triggers.

  3. Deliver through Admin GraphQL

    Your service imports the result, waits for readiness and adds the Shopify product reference. Production Automation still needs this API delivery step; no native Shopify publishing node is assumed.[25][30]

Platform requirements

What image specifications apply?

Shopify: What image specifications apply?
SpecificationRequirement or guidance
Product image sizeUp to 5000 × 5000 px or 25 megapixels; keep the file smaller than 20 MB. These are product-media limits, not theme-upload limits.[35]
Recommended composition2048 × 2048 px for square product images; use a consistent aspect ratio for featured images. Square is a recommendation, not a requirement.[35]
Files upload formatsJPEG, PNG, WEBP, HEIC and GIF. Validate the format through your selected upload path.[36]
Gallery and variant viewsUp to 250 media items per product, including images, video and 3D media.[4]
Variant previewOne assigned image per variant. Keep extra views in the product gallery.[5]
Hosted videoMOV, MP4 or WEBM; maximum 1 GB and 10 minutes. The Product page set clip is 5 seconds.[36]
Alt text and filenameUse filename and alt when creating the file. Describe the garment and view; filenames can receive a unique suffix.[29]

Existing options

Which AI image tools are already available?

Documented features from the linked sources. These are not independent quality tests.

  • Shopify Magic / Sidekick

    Built-in background and prompt-based image edits suit simple changes in the file editor. Check feature access in your account.[38]

  • Botika Connector

    Imports Shopify products into a Botika account and sends Botika images back. A fit for teams already using Botika that want a packaged catalog transfer.[40]

  • Photoroom AI Listing Assistant

    Lists virtual models, backgrounds, bulk editing and Shopify publishing. A fit for catalog cleanup and listing maintenance.[41]

Frequently asked questions

Shopify’s official merchant connectors document image updates, and the ChatGPT plugin lists upload-image. Connect the merchant surface and Uwear MCP in a supported assistant, then check the available tools and write permissions. Storefront MCP does not list product-media writes.[7][11][12][13]

Shopify recommends 2048 × 2048 px for square photos and consistent featured-image aspect ratios. Square is not mandatory. The Product page set template uses 2:3 photos; check the crop in your theme before publishing.[35]

Prototype the garment mapping and generation with Uwear MCP, then build a theme app extension connected to your backend and the Uwear API. Your backend handles shopper consent, photos, job status and usage limits. Keep personal try-on results separate from public product media.[45][47]

This proposed integration uses an API service to map Uwear results to Shopify products and attach ready media through Admin GraphQL. Uwear triggers start generation inside the workspace; the service owns the Shopify delivery step.[25][30]

Uwear uses credits at $0.10 per credit, with model rates on the Models page. Your assistant shows a costed brief before generation. QA is automatic and toggleable: when on, an AI reviewer compares results with source photos and retries flagged results.

Yes. Generate in Uwear Studio, download the results, then upload or select them in the Shopify product’s Media section. Choose the intended featured image and variant preview there.[4][5]

Research

Sources and access dates

  1. [4]
  2. [5]
  3. [7]
  4. [8]
  5. [9]
  6. [11]
  7. [12]
  8. [13]
  9. [17]
  10. [25]
  11. [26]
  12. [29]
  13. [30]
  14. [35]
  15. [36]
  16. [38]
  17. [40]
  18. [41]
  19. [45]
  20. [47]
  21. [56]

Next step

Connect your catalog to Uwear.

Start with an assistant-led test, then build the API delivery your catalog needs.

Get a demoSet up Uwear MCP