Integration · Magento 2 und Adobe Commerce

Erstellen Sie Modelfotos für Ihren Magento 2- oder Adobe Commerce-Katalog

Lassen Sie Ihren Assistenten Product page set aus Ihren Kleidungsfotos erzeugen. Ein zu entwickelnder authentifizierter Commerce-Adapter ordnet die Bilder den richtigen SKUs zu.

Demo anfragenUwear MCP einrichten
Model in einem Hemd aus Leinenmischung mit Stehkragen, Ganzkörperansicht von vorne im Pure-White-Studio, generiert mit nano-banana-pro über die Vorlage Product page set
Vorderansicht aus der Vorlage Product page set: Leinenhemd mit Stehkragen im Pure-White-Studio, generiert mit nano-banana-pro über den Uwear MCP.

Anwendungsfälle

Was können Sie umsetzen?

  • Erstellen Sie Katalogansichten je SKU

    Erzeugen Sie Studiofotos von vorn, vom Oberkörper und von hinten. Ordnen Sie jedes Set vor dem Galerieimport der übergeordneten SKU oder der passenden Farb-SKU zu.[3][17]

  • Entwickeln Sie eine virtuelle Anprobe im Shop

    Erstellen Sie den Prototyp mit Uwear MCP und nutzen Sie Ihr Backend und die Uwear API. Wählen Sie für die Kundenoberfläche die installierte PWA Studio-Erweiterung oder den zusammengesetzten product-details-Block.[33][34][35]

Model in demselben Hemd aus Leinenmischung mit Stehkragen, Ganzkörper-Kamerabearbeitung von hinten im Pure-White-Studio, generiert mit nano-banana-pro über die Vorlage Product page set
Rückansicht aus demselben Product-page-set-Lauf: eine Kamerabearbeitung des Vorderfotos, die Model, Licht und Studio übernimmt. Generiert mit nano-banana-pro über den Uwear MCP.

Workflow mit Assistent

Wie führen Sie den Ablauf mit Ihrem Assistenten aus?

Vorgeschlagene Integration, keine vorinstallierte Verbindung. Nutzen Sie Claude Code, Codex oder ChatGPT mit Uwear MCP und einem authentifizierten Commerce REST-Adapter; Adobe-MCP-Entwicklerwerkzeuge liefern den Entwicklungskontext.[6]

  • Commerce Developer MCP Server

    Liefert Code- und Dokumentationskontext. Die geprüften Entwicklerwerkzeuge dokumentieren keine Schreibzugriffe auf Produktmedien von Händlern.[6]

    Installierbare Entwicklerwerkzeuge; aio auth login für den Dokumentationsabruf. Kein ausdrücklicher GA- oder Beta-Status belegt.[6]

  • App Builder MCP Server

    Entwickelt, deployt und startet Runtime-Aktionen. Der Commerce REST-Adapter muss als Aktion mit eigener Commerce-Berechtigung gebaut werden.[6][8][20]

    Dokumentierte Werkzeuge; der Medienadapter ist eine Eigenentwicklung, keine vorinstallierte Uwear-Verbindung.[6][8][20]

  • AEM MCP Server

    Lädt AEM-Assets hoch und verwaltet sie. Verwaltet AEM die Katalogbilder, steuern separate Commerce-Zuordnung, Metadaten und Freigaben die Synchronisierung.[15][37][38]

    OAuth und bestehende AEM-Rechte gelten. AEM-Schreibzugriffe belegen allein keine Schreibzugriffe auf Commerce-Galerien.[15][37][38]

  1. Bestimmen Sie die Commerce-Installation

    Klären Sie Open Source, klassisches Commerce oder SaaS und ob AEM die Bilder verwaltet. SaaS verwendet IMS; die Gleichwertigkeit zum Core-REST-Medienpfad ist ungeprüft. AEM-Galerien folgen dem DAM-Ablauf.[20][22][37]

  2. Verbinden Sie Werkzeuge und lesen Sie SKUs

    Verbinden Sie Commerce Developer MCP Server und Uwear MCP. Nutzen Sie den REST-Adapter mit Admin-Bearer-Token oder OAuth-1.0a-Integration und Katalogrechten. GET /V1/products/{sku} und GET /V1/products/{sku}/media liefern Produkt- und Galeriekontext.[6][16][20][21]

  3. Geben Sie das Product page set-Briefing frei

    Laden Sie Product page set im Studio Pure White mit 2:3 und aktiviertem KI-Prüfer. Prüfen Sie vor der Generierung die Kosten in Credits. Die QA ist automatisch und abschaltbar: Ist sie aktiv, vergleicht ein KI-Prüfer die Ergebnisse mit den Ausgangsfotos und lässt markierte Ergebnisse erneut generieren.

  4. Fügen Sie Bilder über den Adapter hinzu

    Konvertieren Sie in ein unterstütztes Format, kodieren Sie die Bytes in base64 und rufen Sie POST /V1/products/{sku}/media auf. Setzen Sie label, Dateinamen und Rollen; speichern Sie die zurückgegebene Medien-ID mit der SKU.[17][27]

  5. Prüfen Sie jede Store-Ansicht

    Lesen Sie die Galerie erneut und prüfen Sie übergeordnete Produkte, Varianten, Reihenfolge, Zuschnitt und HTML-alt. Warten Sie auf verfügbare Ergebnisse und deren Shop-Anzeige, bevor Sie den Abschluss melden.[3][16][23][45]

Vom Assistenten ausführen

Führen Sie dieses Fotoshooting mit einer Uwear-Vorlage aus Ihrem KI-Assistenten aus.

Verbinden Sie den Uwear MCP-Server mit ChatGPT, Claude oder Codex und bitten Sie um die Vorlage Product page set im Chat. Sie ist ein Batch-Workflow, der einmal pro Kleidungsstück läuft: Vorder-, Oberkörper- und Rückenfotos für die Produktseite vor weißem Studiohintergrund sowie ein 360-Grad-Video aus einem einzigen Kleidungsfoto. Jedes Uwear-Konto kann sie über ihren Namen laden, und der Assistent zeigt vor der Generierung ein Briefing mit den Kosten in Credits.

Diesen Prompt in den Assistenten kopieren

Connect Commerce Developer MCP Server for documentation context, the Uwear MCP server and an authenticated Commerce REST adapter in this session. Confirm the Commerce edition and image owner, then read my products and galleries and keep their parent and child SKUs. Load "Product page set" on its Pure White studio setup at 2:3, turn the AI reviewer on, and show me the costed brief in credits before generating. After I approve, download and base64-encode supported image files, propose labels and roles, and deliver through POST /V1/products/{sku}/media under /rest/<store_code>; validate SaaS or AEM delivery separately. Wait for readiness and verify the gallery and storefront alt text before reporting.

MCP-Server einrichten

Was ein Lauf tut, pro Kleidungsstück

  1. Das Hauptfoto von vorne generieren

    Ein Ganzkörperfoto von vorne mit dem Kleidungsstück am Model der Vorlage, in der Art Direction Basic white photoshoot am Studiostandort Pure White.

  2. Den Ausschnitt auf den Oberkörper ändern

    Eine Kamerabearbeitung, die das Vorderansicht-Ergebnis auf einen Oberkörperausschnitt von vorne neu rahmt, statt ein neues Bild zu generieren. Der Ausschnitt stammt so aus derselben Session wie das Hauptfoto.

  3. Zur Rückenansicht wechseln

    Eine zweite Kamerabearbeitung des Vorderansicht-Ergebnisses zu einer Ganzkörperansicht von hinten, damit die Produktseite die Rückseite des Kleidungsstücks aus derselben Session zeigt.

  4. Die 360-Grad-Drehung rendern

    Ein 5-sekündiges Kling 3 Pro-Video aus dem Vorderfoto: Das Model dreht sich langsam auf der Stelle um volle 360 Grad. Das Kleidungsstück bleibt durchgehend gut erkennbar.

Ergebnisse pro Kleidungsstück

  • Ganzkörperfoto von vorne, 2K, 2:3
  • Oberkörperfoto von vorne, 2K, 2:3
  • Ganzkörperfoto von hinten, 2K, 2:3
  • 5-sekündiges 360-Grad-Video

Die von der Vorlage festgelegte Einrichtung

Vorlagentyp
Batch-Workflow: läuft einmal pro Kleidungsstück
Systemschlüssel
demo_full_pdp_test_white_studio
Art Direction
Basic white photoshoot (System-Art-Direction)
Location
Pure White (System-Studiostandort)
Model
Standardmäßig das Uwear-System-Model; der Assistent kann beim Vorschlagen des Briefings eines Ihrer gespeicherten Models einsetzen
Bildmodell
nano-banana-pro, 2K, 2:3
Videomodell
Kling 3 Pro, 5 Sekunden
QA
Optional. Wenn der KI-Prüfer aktiviert ist, wird jedes Ergebnis mit dem ursprünglichen Produktfoto verglichen. Markierte Ergebnisse werden erneut generiert
Freigabe
Der Assistent zeigt vor jeder Generierung ein Briefing mit Kosten in Credits

Automatisierung per API

Wie funktioniert die Bereitstellung per API?

Für Magento Open Source und klassisches Adobe Commerce: POST /V1/products/{sku}/media unter /rest/<store_code>. Laden Sie das Ergebnis herunter und senden Sie entry mit media_type: image, label, position, disabled, types sowie content: base64_encoded_data, type und name. Die Antwort enthält eine Medien-ID. Senden Sie nicht die Ergebnis-URL als Bildinhalt.[17][20]

  1. Entwickeln Sie eine App Builder-Runtime-Aktion

    Führen Sie den authentifizierten Adapter in einer App Builder-Runtime-Aktion aus. Stellen Sie geeignete SKUs über einen geplanten Scan oder verfügbare Adobe I/O Events in die Warteschlange. Blockieren Sie keinen synchronen Speichervorgang durch die Generierung.[8][20][36]

  2. Starten Sie die Generierung ohne Assistenten

    Senden Sie Aufträge an die Uwear REST API und empfangen Sie Abschluss-Webhooks oder fragen Sie den Status ab. Eine veröffentlichte Production Automation kann auch nach der Verarbeitung eines Kleidungsstücks, dem Hinzufügen eines Tags oder dem Erstellen eines Outfits starten. Diese Auslöser gehören zum Uwear-Arbeitsbereich; die Plattformanbindung benötigt weiterhin einen Adapter.

  3. Übertragen und prüfen Sie die Medien

    Laden und kodieren Sie die Bytes, rufen Sie die Commerce-Medien-API auf und speichern Sie SKU-, Ergebnis- und Medien-IDs gegen doppelte Einträge. Lesen Sie die betroffene Galerie erneut.[16][17]

Plattformanforderungen

Welche Bildvorgaben gelten?

Magento 2 and Adobe Commerce: Welche Bildvorgaben gelten?
SpezifikationAnforderung oder Empfehlung
Upload-FormateDer Standardvalidator von Magento 2.4.8 akzeptiert image/jpg, image/jpeg, image/gif und image/png. Standardmäßiger WebP- oder AVIF-Support ist nicht belegt.[27]
DateinameDie Admin-Anleitung begrenzt Dateinamen einschließlich Endung auf 90 Zeichen. Prüfen Sie den eingesetzten REST-Pfad gesondert.[4]
Seitenverhältnis und HintergrundVerwenden Sie einheitliche Proportionen und prüfen Sie den Theme-Zuschnitt. Die geprüften Dokumente verlangen weder ein allgemeines Quadratformat noch einen weißen Hintergrund.[5]
Alt-Text und BildrollenNutzen Sie label für Alt-Text, position für die Reihenfolge und types für Rollen. Prüfen Sie das ausgegebene HTML-alt und betroffene Store-Ansichten.[23]
VideoDie Standardoberfläche verwendet YouTube- oder Vimeo-Links. Planen Sie externes Videohosting oder einen eigenen Storefront-Player für den 360-Clip.[41]

Bestehende Optionen

Welche KI-Bildwerkzeuge sind bereits verfügbar?

Dokumentierte Funktionen aus den verlinkten Quellen. Dies sind keine unabhängigen Qualitätstests.

  • AI Product Studio, Meetanshi Technologies LLP

    Geeignet für Generierung und Bearbeitung in Product Edit, mit Galeriespeicherung und Lifestyle Model Try-On-Preset. Gemini-Schlüssel und separate Nutzungsgebühren erforderlich. Lizenzpreis und Bewertungszahlen ungeprüft; ein Nullbetrag ohne Optionsauswahl belegt keine kostenlose Lizenz.[30]

  • AI Base Image Generator, Webkul Software Private Limited

    Geeignet für Modelfotos mit Model-Einstellungen direkt aus dem Admin in die Galerie. Der Anbieter zeigt US$289 vor Editions-, Support- und Installationsoptionen; ein kostenpflichtiger Gemini-Tarif ist erforderlich. Marketplace-Preis und Bewertungszahlen bleiben ungeprüft.[32]

Häufig gestellte Fragen

Ja, mit Uwear MCP und einem entwickelten, authentifizierten Commerce REST-Adapter. Die geprüften Adobe-MCP-Werkzeuge belegen keine Händler-Galerieschreibzugriffe. Klären Sie Edition und Bildverwaltung zuerst; Core-REST-Support belegt keine SaaS-Gleichwertigkeit.[6][17][20][22][37]

Trennen Sie übergeordnete und untergeordnete SKUs. Wählen Sie die Ziel-SKU je Bild, setzen Sie Rollen und Reihenfolge und prüfen Sie Store-Ansichten. Eine Änderung am Hauptprodukt aktualisiert nicht automatisch jede Variantengalerie.[3][17][23]

Die Commerce-Standardoberfläche verwendet YouTube oder Vimeo. Nutzen Sie externes Hosting oder einen eigenen Player; die Kompatibilität einer unveränderten Uwear-Video-URL ist nicht belegt.[41]

Ein nativer Commerce-Publisher ist hier nicht belegt. Entwickeln Sie eine App Builder-Runtime-Aktion oder einen anderen authentifizierten Adapter. Uwear-Auslöser starten die Generierung; der Adapter übernimmt Medien-POST und Prüfung.[8][17]

Uwear verwendet Credits zu $0.10 pro Credit; Modellpreise stehen auf /models. Der Assistent zeigt vor der Generierung ein Briefing mit den Kosten. Die QA ist automatisch und abschaltbar: Ist sie aktiv, vergleicht ein KI-Prüfer die Ergebnisse mit den Ausgangsfotos und lässt markierte Ergebnisse erneut generieren.

Generieren Sie in Uwear Studio, laden Sie die Fotos herunter und importieren Sie sie in Commerce Admin mit Alt-Text und Rollen oder per CSV. Verwaltet AEM die Bilder, nutzen Sie dessen Asset-Ablauf.[4][29][37]

Recherche

Quellen und Abrufdaten

  1. [3]
  2. [4]
  3. [5]
  4. [6]
  5. [8]
  6. [15]
  7. [16]
  8. [17]
  9. [20]
  10. [21]
  11. [22]
  12. [23]
  13. [27]
  14. [29]
  15. [30]
  16. [32]
  17. [33]
  18. [34]
  19. [35]
  20. [36]
  21. [37]
  22. [38]
  23. [41]
  24. [45]

Nächster Schritt

Verbinden Sie Ihren Katalog mit Uwear.

Beginnen Sie mit einem Test im Assistenten und entwickeln Sie dann die passende API-Bereitstellung für Ihren Katalog.

Demo anfragenUwear MCP einrichten