Produktbilder
Nutze QuokkaPix, um diese lokalen Bilder für Shopify vorzubereiten: weißer Hintergrund, quadratische Produktfläche, WebP-Ausgabe, maximal 300 KB, danach ZIP und Result Manifest speichern.
Agenten-Integration
Lokaler MCP-Adapter für Claude Desktop, Cursor und andere Agenten: QuokkaPix im Browser starten, lokale Dateien verarbeiten und Manifest schreiben.
Claude web und andere Cloud-MCP-Clients können sich per OAuth verbinden, während der bestehende npm-Adapter alle Bildoperationen auf dem Computer des Nutzers ausführt.
npx quokkapix-mcp bridge --input-root /path/to/input --output-root /path/to/output
Remote MCP: https://quokkapix.com/mcp
Der Scope mcp:tools erlaubt Lese-Tools. Verarbeitung und das Hinterlegen eines Unlock-Tokens erfordern zusätzlich bridge:execute. --reset widerruft das bisherige Gerät, bevor ein neues gekoppelt wird.
Die Control Plane überträgt Einstellungen, relative Dateinamen, Status und das Result Manifest. Sie besitzt keinen Bild-Upload-Endpunkt und überträgt keine Quell- oder Ausgabebytes.
Diese Seite ist für den Fall gedacht, dass ein Desktop-AI-Agent lokale Bilder mit QuokkaPix verarbeiten soll. Der MCP Runner ist ein lokaler stdio-Adapter: Der MCP-Client startet quokkapix-mcp, der Adapter öffnet QuokkaPix in einem lokalen Browser, lädt Dateien über das Browser-Dateifeld hoch, wendet ein Rezept oder direkte Einstellungen an, lädt das Ergebnis herunter und schreibt quokkapix-result.json.
Das ist keine gehostete Bildverarbeitungs-API. Die Quelldateien bleiben im lokalen Browser-Workflow und werden nicht an einen QuokkaPix-Verarbeitungsserver gesendet.
Füge diesen Server-Eintrag in den MCP-Einstellungen von Claude Desktop hinzu und starte Claude Desktop neu. Prüfe danach, ob Tools wie list_recipes, process_images und process_with_settings sichtbar sind.
{
"mcpServers": {
"quokkapix": {
"command": "npx",
"args": [
"-y",
"quokkapix-mcp"
],
"env": {
"QUOKKAPIX_APP_URL": "https://quokkapix.com/#agent=1"
}
}
}
}
Nutze die MCP-Einstellungen in Cursor und füge denselben Server-Eintrag hinzu. Cursor startet den Adapter über stdio und kann dieselben Tools wie Claude Desktop aufrufen.
{
"mcpServers": {
"quokkapix": {
"command": "npx",
"args": [
"-y",
"quokkapix-mcp"
],
"env": {
"QUOKKAPIX_APP_URL": "https://quokkapix.com/#agent=1"
}
}
}
}
Wenn ein Windows-MCP-Client npx nicht direkt findet, starte es über cmd /c. Nutze das nur, wenn der einfache npx-Befehl vom Client nicht erkannt wird.
{
"mcpServers": {
"quokkapix": {
"command": "cmd",
"args": [
"/c",
"npx",
"-y",
"quokkapix-mcp"
],
"env": {
"QUOKKAPIX_APP_URL": "https://quokkapix.com/#agent=1"
}
}
}
}
Jeder lokale MCP-kompatible Client, der einen stdio-Server starten kann, kann dasselbe Paket verwenden. Dazu gehören Desktop-Clients, Editor-Agenten und LM-Studio- oder Ollama-Wrapper mit MCP-Tools.
Die wichtigste Regel ist überall gleich: Übergib echte lokale Dateipfade an den MCP-Tool-Aufruf, nicht an die URL der öffentlichen Website. QuokkaPix erhält Dateien nur über das lokale Browser-Dateifeld, das der Runner öffnet.
Nutze QuokkaPix, um diese lokalen Bilder für Shopify vorzubereiten: weißer Hintergrund, quadratische Produktfläche, WebP-Ausgabe, maximal 300 KB, danach ZIP und Result Manifest speichern.
Nutze QuokkaPix, um diesen Ordner mit JPG- und PNG-Dateien für die Website in WebP umzuwandeln, gute sichtbare Qualität zu behalten und QA-Fehler zu melden.
Nutze QuokkaPix, um EXIF, GPS, Kamera- und Software-Metadaten aus diesen Bildern zu entfernen und ein bereinigtes ZIP mit Manifest zurückzugeben.
Nutze zuerst list_recipes, wähle eine recipe id und rufe dann process_images auf. Offizielle Rezepte decken Marketplace, Social, Komprimierung, Metadaten, PDF, Favicon und Wasserzeichen ab.
{
"recipeId": "shopify_product_pack",
"inputFiles": [
"/Users/me/products/photo-01.jpg",
"/Users/me/products/photo-02.jpg"
],
"outputDir": "/Users/me/quokkapix-output/shopify"
}
Nutze process_with_settings, wenn der Agent dieselbe Einstellungsfläche wie window.QuokkaPixAgent.applySettings braucht, statt ein benanntes Rezept zu verwenden.
{
"settings": {
"mode": "batch",
"tool": "compress",
"settings": {
"compress": {
"format": "webp",
"quality": 0.82
}
}
},
"inputFiles": [
"/Users/me/site/hero.jpg",
"/Users/me/site/card.jpg"
],
"outputDir": "/Users/me/quokkapix-output/webp"
}
| Prüfung | Warum es wichtig ist |
|---|---|
| Ausgabedatei, ZIP oder PDF liegt in outputDir | Bestätigt, dass der Browser-Download abgeschlossen und die Ausgabe gespeichert wurde. |
| quokkapix-result.json enthält status: done | Bestätigt, dass QuokkaPix erfolgreich beendet wurde und nicht nur den Editor geöffnet hat. |
| outputs[] enthält Quell- und Ausgabemetadaten | Erlaubt dem Agenten, Abmessungen, Formate, Dateigrößen, Warnungen und Namen zu melden. |
| qa.ok und qa.checks[] falls vorhanden | Zeigt, ob ein Marketplace- oder Social-Rezept bekannte Regeln erfüllt hat und was korrigiert werden muss. |
Einzelbild-Läufe, Einzelbild-Szenarien und Agent-Batches bis 5 Dateien sind kostenlos. Agent-Batches oder Batch-Szenarien von 6 bis 50 Dateien nutzen den x402 unlock flow. Clients sollten aktuelle Bedingungen aus /api/agent-payment/options lesen, bevor sie einen paid unlock anfordern.
Wenn Zahlung nötig ist, erhält der Agent ein unlockToken, setzt es vor der Verarbeitung in QuokkaPix, und der Unlock wird erst beim Start eines bezahlten Batch- oder Batch-Szenario-Laufs verbraucht.
Starte den MCP-Client neu und prüfe im Terminal, ob Node.js npx -y quokkapix-mcp ausführen kann.
Prüfe, ob die lokale Umgebung Playwright/Chromium starten darf. Der Adapter braucht einen Browser, weil QuokkaPix browser-only ist.
Prüfe outputDir, Browserspeicher, Terminalstatus und errorCode in quokkapix-result.json.
Hole aktuelle payment options, erhalte ein gültiges x402 unlock token und setze es vor einem Batch oberhalb des kostenlosen Limits.
Nutze die offizielle QuokkaPix-URL oder eine vertrauenswürdige lokale Entwicklungs-URL. Richte den Runner nicht auf eine beliebige fremde appUrl, weil der Adapter lokale Dateien in die geöffnete Seite hochlädt. Die öffentliche Website erhält keine lokalen Dateipfade, und der Adapter macht QuokkaPix nicht zu einer serverseitigen Bild-API.
Nein. Der Adapter öffnet QuokkaPix in einem lokalen Browser und lädt Dateien über das Browser-Dateifeld. Die normalen Bild-Workflows laufen im Browser.
Ja, aber nur zur Koordination. Remote MCP benötigt eine gekoppelte lokale Bridge; Verarbeitung und Bildbytes bleiben auf dem Gerät des Nutzers.
Einzelbild-Läufe, Einzelbild-Szenarien und Batches bis 5 Dateien sind kostenlos. Größere Batch- oder Batch-Szenario-Läufe von 6 bis 50 Dateien nutzen x402 unlock.
Nutze den Runner, wenn ein Agent lokale Bilddateien verarbeiten soll, ohne die Quelldateien an einen QuokkaPix-Server zu senden. Der Adapter startet einen lokalen Browser, lädt Dateien über das normale Dateifeld, wendet ein offizielles Rezept oder direkte Einstellungen an und speichert Ausgabe sowie quokkapix-result.json im Ausgabeordner.
Der Runner sollte die offizielle QuokkaPix-URL oder eine vertrauenswürdige lokale Entwicklungs-URL öffnen. Er macht QuokkaPix nicht zu einer öffentlichen serverseitigen Verarbeitungs-API; Dateien werden weiter im Browser ausgewählt und auf dem Rechner verarbeitet, auf dem der Browser läuft.
list_recipesget_recipevalidate_recipelist_rule_profilesget_rule_profilevalidate_result_manifestprocess_imagesprocess_with_settingsget_payment_optionsexplain_payment_flowverify_unlock_tokenshopify_product_packBatch · zip
amazon_white_background_packBatch · zip
google_merchant_packBatch · zip
etsy_product_batchBatch · zip
ebay_listing_photo_batchBatch · zip
walmart_product_main_batchBatch · zip
tiktok_shop_product_batchBatch · zip
temu_product_main_batchBatch · zip
shopee_product_batchBatch · zip
mercado_libre_accessories_batchBatch · zip
allegro_listing_image_batchBatch · zip
newegg_product_image_batchBatch · zip
meta_catalog_product_batchBatch · zip
flipkart_product_image_batchBatch · zip
shein_product_square_batchBatch · zip
otto_product_image_batchBatch · zip
trendyol_product_image_batchBatch · zip
snapchat_ad_image_batchBatch · zip
website_webp_compressBatch · zip
webp_compress_batchBatch · zip
white_background_shadow_batchBatch · zip
metadata_clean_batchBatch · zip
single_webp_compressEinzeldatei · image
single_background_removeEinzeldatei · image
single_white_backgroundEinzeldatei · image
single_metadata_cleanEinzeldatei · image
single_watermarkEinzeldatei · image
images_to_pdf_batchBatch · pdf
social_pack_singleEinzeldatei · zip
profile_avatar_packEinzeldatei · zip
watermark_product_batchBatch · zip
favicon_app_icon_packEinzeldatei · zip
{
"recipeId": "shopify_product_pack",
"inputFiles": [
"/Users/me/photo.jpg"
],
"outputDir": "/Users/me/quokkapix-output"
}
Dateien werden weiterhin nur über das lokale Browser-Dateifeld übergeben. QuokkaPix bietet keine öffentliche serverseitige Bildverarbeitungs-API.