{"product_id":"wearable-n8n-workflow-mockups-screenshotone-openai-drive","title":"Wearable n8n Workflow Mockups: ScreenshotOne, OpenAI \u0026 Drive","description":"\u003ch3\u003eTurn any n8n community template into wearable merch mockups—instantly\u003c\/h3\u003e\n\u003cp\u003ePaste a community-template URL into your chat and get printable workflow-diagram artwork plus a ready-to-use t-shirt preview. This \u003cstrong\u003en8n automation workflow\u003c\/strong\u003e also optionally generates an \u003cstrong\u003eOpenAI on-model mockup\u003c\/strong\u003e and delivers everything as shareable \u003cstrong\u003eGoogle Drive links\u003c\/strong\u003e.\u003c\/p\u003e\n\n\u003ch3\u003eWhat this workflow does\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eAccepts input\u003c\/strong\u003e via a chat message, a manual run, or the optional \u003cem\u003eEvaluation Trigger\u003c\/em\u003e (reading test URLs from a linked Google Sheet).\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eValidates the URL\u003c\/strong\u003e with an \u003cstrong\u003eIF\u003c\/strong\u003e node against the \u003ccode\u003en8n.io\/workflows\u003c\/code\u003e pattern—if it doesn’t match, the workflow stops with a clear chat message.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eCaptures the workflow diagram\u003c\/strong\u003e by calling the \u003cstrong\u003eScreenshotOne API\u003c\/strong\u003e to create a clipped, PNG screenshot of the template’s embedded workflow diagram.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eUploads print-ready output\u003c\/strong\u003e to \u003cstrong\u003eGoogle Drive\u003c\/strong\u003e (full-resolution screenshot suitable for services like Spreadshirt).\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eBuilds a wearable t-shirt preview\u003c\/strong\u003e: resizes the screenshot, removes the light background to transparency, downloads a blank t-shirt image from Drive, composites the diagram onto it, and adds a pink label (“\u003cstrong\u003eWear your workflow\u003c\/strong\u003e”).\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eOptional AI mockup\u003c\/strong\u003e: sends the composite to \u003cstrong\u003eOpenAI’s image-edit endpoint\u003c\/strong\u003e to generate a catalog-style model-wearing image, then uploads it to Drive.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eReturns results\u003c\/strong\u003e in chat with Drive links to the preview, the optional AI mockup, and the output folder.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eUse cases\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eCreate consistent merch for \u003cstrong\u003en8n templates\u003c\/strong\u003e you share or sell.\u003c\/li\u003e\n  \u003cli\u003eProduce marketing assets for \u003cstrong\u003eSaaS operator\u003c\/strong\u003e demos and community launches.\u003c\/li\u003e\n  \u003cli\u003eAutomate “screenshot-to-shirt” artwork generation for events, workshops, and onboarding.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eTechnical details\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eIntegrations\u003c\/strong\u003e: \u003cstrong\u003eScreenshotOne\u003c\/strong\u003e, \u003cstrong\u003eGoogle Drive\u003c\/strong\u003e, \u003cstrong\u003eOpenAI\u003c\/strong\u003e (optional).\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eWorkflow logic\u003c\/strong\u003e: IF, Set, No Op, Merge, Edit Image.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eSetup required\u003c\/strong\u003e: add a ScreenshotOne API key to n8n as an HTTP Header Auth credential named \u003ccode\u003eX-Access-Key\u003c\/code\u003e, and configure a Google Drive credential.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"N8N Commerce","offers":[{"title":"Default Title","offer_id":46066365628595,"sku":"N8N-19743","price":35.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/6279\/6723\/files\/K-X-9a6NIQd70vjH06mfL_iqQLKHsc.png?v=1789895182","url":"https:\/\/buyflowscripts.com\/products\/wearable-n8n-workflow-mockups-screenshotone-openai-drive","provider":"N8N Commerce","version":"1.0","type":"link"}