Фото товарів
Використай QuokkaPix, щоб підготувати ці локальні зображення для Shopify: білий фон, квадратний product canvas, WebP output, максимум 300 KB, потім збережи ZIP і result manifest.
Інтеграція для агентів
Локальний MCP-адаптер для Claude Desktop, Cursor та інших агентів: браузерний запуск QuokkaPix, локальні файли і result manifest.
Claude web та інші хмарні MCP-клієнти можуть підключатися через OAuth, а наявний npm-адаптер виконує всі операції із зображеннями на комп'ютері користувача.
npx quokkapix-mcp bridge --input-root /path/to/input --output-root /path/to/output
Remote MCP: https://quokkapix.com/mcp
Scope mcp:tools дозволяє інструменти читання. Для обробки та збереження unlock-токена також потрібен bridge:execute. Параметр --reset відкликає попередній пристрій перед підключенням нового.
Control plane передає налаштування, відносні назви файлів, статус і result manifest. Він не має endpoint для завантаження зображень і не передає байти вихідних або готових файлів.
Ця сторінка потрібна, коли настільний AI-агент має обробити локальні зображення через QuokkaPix. MCP Runner — це локальний stdio-адаптер: MCP-клієнт запускає quokkapix-mcp, адаптер відкриває QuokkaPix у локальному браузері, завантажує файли через браузерний вибір файла, застосовує рецепт або прямі налаштування, завантажує результат і записує quokkapix-result.json.
Це не hosted API для обробки зображень. Вихідні зображення залишаються в локальному браузерному процесі й не надсилаються на сервер обробки QuokkaPix.
Додайте цей server entry у MCP settings Claude Desktop, потім перезапустіть Claude Desktop. Після перезапуску перевірте, що видно tools list_recipes, process_images і process_with_settings.
{
"mcpServers": {
"quokkapix": {
"command": "npx",
"args": [
"-y",
"quokkapix-mcp"
],
"env": {
"QUOKKAPIX_APP_URL": "https://quokkapix.com/#agent=1"
}
}
}
}
У Cursor використайте MCP settings і додайте той самий server entry. Cursor запускає адаптер через stdio і отримує ті самі tools, що й Claude Desktop.
{
"mcpServers": {
"quokkapix": {
"command": "npx",
"args": [
"-y",
"quokkapix-mcp"
],
"env": {
"QUOKKAPIX_APP_URL": "https://quokkapix.com/#agent=1"
}
}
}
}
Якщо Windows MCP client не знаходить npx напряму, запускайте його через cmd /c. Це потрібно тільки тоді, коли простий command npx не визначається клієнтом.
{
"mcpServers": {
"quokkapix": {
"command": "cmd",
"args": [
"/c",
"npx",
"-y",
"quokkapix-mcp"
],
"env": {
"QUOKKAPIX_APP_URL": "https://quokkapix.com/#agent=1"
}
}
}
}
Будь-який локальний MCP-сумісний клієнт, який уміє запускати stdio-сервер, може використовувати цей пакет. Це стосується настільних клієнтів, агентів редактора, оболонок LM Studio/Ollama та інших середовищ, які надають локальній моделі MCP-інструменти.
Головне правило однакове всюди: передавайте реальні локальні шляхи до зображень у виклик MCP-інструмента, а не в URL публічного сайту. QuokkaPix отримує файли тільки через локальний браузерний вибір файла, відкритий runner.
Використай QuokkaPix, щоб підготувати ці локальні зображення для Shopify: білий фон, квадратний product canvas, WebP output, максимум 300 KB, потім збережи ZIP і result manifest.
Використай QuokkaPix, щоб конвертувати цю папку JPG і PNG у WebP для сайту, зберегти нормальну якість і повідомити про файли, які не пройшли QA.
Використай QuokkaPix, щоб прибрати EXIF, GPS, camera і software metadata з цих зображень та повернути очищений ZIP і manifest.
Спочатку використайте list_recipes, виберіть recipe id, потім викличте process_images. Офіційні рецепти покривають marketplace, social, compression, metadata, PDF, favicon і сценарії водяних знаків.
{
"recipeId": "shopify_product_pack",
"inputFiles": [
"/Users/me/products/photo-01.jpg",
"/Users/me/products/photo-02.jpg"
],
"outputDir": "/Users/me/quokkapix-output/shopify"
}
Використовуйте process_with_settings, коли агенту потрібна та сама поверхня налаштувань, що й window.QuokkaPixAgent.applySettings, а не іменований рецепт.
{
"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"
}
| Перевірка | Навіщо це потрібно |
|---|---|
| Вихідний файл, ZIP або PDF є в outputDir | Підтверджує, що завантаження у браузері завершилося і адаптер зберіг результат. |
| У quokkapix-result.json стоїть status: done | Підтверджує, що QuokkaPix дійшов до успішного фінального стану, а не просто відкрив редактор. |
| outputs[] містить source/output metadata | Дозволяє агенту звітувати про розміри, формати, вагу файлів, warnings та імена. |
| qa.ok і qa.checks[] є, якщо рецепт підтримує QA | Показує, чи пройшов marketplace/social recipe відомі перевірки і що треба виправити. |
Запуски агента з одним зображенням, одиночні сценарії та пакети агента до 5 файлів безплатні. Пакетні запуски або пакетні сценарії від 6 до 50 файлів використовують x402-потік розблокування. Клієнти мають отримувати актуальні умови з /api/agent-payment/options перед запитом платного розблокування.
Коли потрібна оплата, агент отримує unlockToken, встановлює його в QuokkaPix перед обробкою, і unlock списується тільки під час старту платного batch або batch scenario.
Перезапустіть MCP client і перевірте в терміналі, що Node.js може виконати npx -y quokkapix-mcp.
Перевірте, що локальне середовище дозволяє запуск Playwright/Chromium. Адаптеру потрібен браузер, бо QuokkaPix browser-only.
Перевірте outputDir, пам'ять браузера, terminal status і errorCode у quokkapix-result.json.
Отримайте поточні умови оплати, отримайте валідний x402-токен розблокування і встановіть його перед пакетом вище безплатного ліміту.
Використовуйте офіційний QuokkaPix URL або довірений локальний development URL. Не спрямовуйте runner на довільний сторонній appUrl, бо адаптер завантажує локальні файли в сторінку, яку він відкрив. Публічний сайт не отримує локальні file paths, а адаптер не перетворює QuokkaPix на server-side image API.
Ні. Адаптер відкриває QuokkaPix у локальному браузері та завантажує файли через браузерний вибір файла. Звичайні сценарії обробки зображень виконуються в браузерному runtime.
Так, але лише для координації. Remote MCP потребує підключеного локального bridge; обробка та байти зображень залишаються на пристрої користувача.
Single-image agent runs, single-image scenarios і agent batches до 5 файлів безплатні. Більші batch або batch-scenario runs від 6 до 50 файлів використовують x402 unlock flow.
Використовуйте runner, коли агенту потрібно обробити локальні зображення без надсилання джерел на сервер QuokkaPix. Адаптер запускає локальний браузер, завантажує файли через звичайний file input, застосовує офіційний рецепт або прямі налаштування, а потім зберігає результат і quokkapix-result.json у папку виводу.
Runner має відкривати офіційний URL QuokkaPix або довірений локальний URL розробки. Він не перетворює QuokkaPix на публічний серверний API обробки: файли все одно вибираються через браузер і обробляються на машині, де запущено браузер.
list_recipesget_recipevalidate_recipelist_rule_profilesget_rule_profilevalidate_result_manifestprocess_imagesprocess_with_settingsget_payment_optionsexplain_payment_flowverify_unlock_tokenshopify_product_packпакет · zip
amazon_white_background_packпакет · zip
google_merchant_packпакет · zip
etsy_product_batchпакет · zip
ebay_listing_photo_batchпакет · zip
walmart_product_main_batchпакет · zip
tiktok_shop_product_batchпакет · zip
temu_product_main_batchпакет · zip
shopee_product_batchпакет · zip
mercado_libre_accessories_batchпакет · zip
allegro_listing_image_batchпакет · zip
newegg_product_image_batchпакет · zip
meta_catalog_product_batchпакет · zip
flipkart_product_image_batchпакет · zip
shein_product_square_batchпакет · zip
otto_product_image_batchпакет · zip
trendyol_product_image_batchпакет · zip
snapchat_ad_image_batchпакет · zip
website_webp_compressпакет · zip
webp_compress_batchпакет · zip
white_background_shadow_batchпакет · zip
metadata_clean_batchпакет · zip
single_webp_compressодин файл · image
single_background_removeодин файл · image
single_white_backgroundодин файл · image
single_metadata_cleanодин файл · image
single_watermarkодин файл · image
images_to_pdf_batchпакет · pdf
social_pack_singleодин файл · zip
profile_avatar_packодин файл · zip
watermark_product_batchпакет · zip
favicon_app_icon_packодин файл · zip
{
"recipeId": "shopify_product_pack",
"inputFiles": [
"/Users/me/photo.jpg"
],
"outputDir": "/Users/me/quokkapix-output"
}
Файли все одно передаються тільки через локальний input браузера. QuokkaPix не має публічного серверного API для обробки зображень.