Analyze Screenshots with AI
Automatically analyze website screenshots using AI to extract valuable insights and descriptions. This powerful workflow connects the URLbox API to capture high-quality screenshots and then leverages OpenAI's advanced AI capabilities to interpret the visual content. It's ideal for marketing teams needing quick content summaries, developers performing automated UI testing, or product managers gathering feedback on new features. By automating the visual analysis of web pages, this workflow significantly reduces the manual effort and time spent on content review, allowing for faster iterations and more efficient decision-making.
Workflow JSON
{"id": "wDD4XugmHIvx3KMT", "meta": {"instanceId": "149cdf730f0c143663259ddc6124c9c26e824d8d2d059973b871074cf4bda531"}, "name": "Analyze Screenshots with AI", "tags": [], "nodes": [{"id": "6d7f34b8-6203-4512-a428-7b5a18c63db6", "name": "Sticky Note", "type": "n8n-nodes-base.stickyNote", "position": [240, 1100], "parameters": {"width": 373.2796418305297, "height": 381.1230421279239, "content": "## Setup \n**For Testing use the Setup node to put in test name & url.**\n\nIf you want to use this workflow in production, you can expand it to load data from other sources like a DB or Google Sheet"}, "typeVersion": 1}, {"id": "ae568c65-e8f6-45bb-9c96-a870da1fc7d6", "name": "Setup", "type": "n8n-nodes-base.set", "position": [360, 1320], "parameters": {"values": {"string": [{"name": "website_name", "value": "=n8n"}, {"name": "url", "value": "https://n8n.io/"}]}, "options": {}}, "typeVersion": 2}, {"id": "ca9f0357-a596-4453-b351-fdd8d47c81ad", "name": "URLbox API Request", "type": "n8n-nodes-base.httpRequest", "position": [780, 1120], "parameters": {"url": "https://api.urlbox.io/v1/render/sync", "method": "POST", "options": {}, "sendBody": true, "sendHeaders": true, "bodyParameters": {"parameters": [{"name": "url", "value": "={{ $json.url }}"}, {"name": "full_page", "value": true}]}, "headerParameters": {"parameters": [{"name": "Authorization", "value": "YOUR_API_KEY"}]}}, "retryOnFail": true, "typeVersion": 4.1}, {"id": "3caffa3c-657a-4f74-a3cb-daf7beb67890", "name": "Sticky Note1", "type": "n8n-nodes-base.stickyNote", "position": [640, 920], "parameters": {"width": 373.2796418305297, "height": 381.1230421279239, "content": "## URLbox API call \n[URLbox](https://urlbox.com/) is a Screenshot API. With this API you can automate making screenshots based on website url's.\n\nYou have to replace the Placeholder with your API Key"}, "typeVersion": 1}, {"id": "d2b81b41-1497-4733-8130-67f8de0acff4", "name": "Analyze the Screenshot", "type": "@n8n/n8n-nodes-langchain.openAi", "position": [1220, 1120], "parameters": {"text": "=Your Input is a Screenshot of a Website.\nDescribe the content of the Website in one sentence.", "options": {}, "resource": "image", "imageUrls": "renderURL", "operation": "analyze"}, "typeVersion": 1.1}, {"id": "68d86931-69bb-4b78-a7fe-44969172672f", "name": "Sticky Note2", "type": "n8n-nodes-base.stickyNote", "position": [1080, 920], "parameters": {"width": 373.2796418305297, "height": 381.1230421279239, "content": "## Analyze the Screenshot \nAnalyze the screenshot using OpenAI.\n\nAdd your OpenAI Credentials on the top of the node.\n\nThe prompt is an example. Change it based on what you want to extract from the screenshot."}, "typeVersion": 1}, {"id": "8a22fca5-7f06-45fb-a03f-585a7eb35b40", "name": "Merge Name & Description", "type": "n8n-nodes-base.merge", "position": [1620, 1300], "parameters": {"mode": "combine", "options": {}, "combinationMode": "mergeByPosition"}, "typeVersion": 2.1}, {"id": "4f902a0a-ee93-4190-9b1e-ab3fa15eb4aa", "name": "Sticky Note3", "type": "n8n-nodes-base.stickyNote", "position": [1480, 1200], "parameters": {"width": 371.85912137154685, "height": 300.15337596590155, "content": "## Merge\nMerge the description with the name of the website & the url."}, "typeVersion": 1}, {"id": "8b3eb3f4-b31a-48f0-94bb-35379d07a81f", "name": "Manual Execution", "type": "n8n-nodes-base.manualTrigger", "position": [20, 1320], "parameters": {}, "typeVersion": 1}], "active": false, "pinData": {}, "settings": {"executionOrder": "v1"}, "versionId": "ff37faa1-c61c-44be-89f0-62f8e1b8317c", "connections": {"Setup": {"main": [[{"node": "URLbox API Request", "type": "main", "index": 0}, {"node": "Merge Name & Description", "type": "main", "index": 1}]]}, "Manual Execution": {"main": [[{"node": "Setup", "type": "main", "index": 0}]]}, "URLbox API Request": {"main": [[{"node": "Analyze the Screenshot", "type": "main", "index": 0}]]}, "Analyze the Screenshot": {"main": [[{"node": "Merge Name & Description", "type": "main", "index": 0}]]}}}How to Import This Workflow
- 1Copy the workflow JSON above using the Copy Workflow JSON button.
- 2Open your n8n instance and go to Workflows.
- 3Click Import from JSON and paste the copied workflow.
Don't have an n8n instance? Start your free trial at n8nautomation.cloud
Related Templates
Visualize your SQL Agent queries with OpenAI and Quickchart.io
Visualize your SQL Agent queries with OpenAI and Quickchart.io empowers you to instantly transform complex SQL Agent query results into insightful charts and graphs, all through a simple chat interface. This workflow connects an OpenAI Chat Model to interpret your chat messages, determine if a chart is needed using a Text Classifier, and then leverages Quickchart.io by generating a chart definition with structured output via an HTTP Request node. It automates the entire process from receiving a chat message to extracting the user's question, passing it to an AI Agent, and then conditionally generating and displaying a chart, saving significant time and effort for data analysts, developers, and business intelligence professionals who frequently need to visualize their SQL data. By automating chart generation, this workflow eliminates the manual steps of data extraction, chart selection, and configuration, allowing users to quickly gain visual insights from their SQL Agent queries without needing to switch between multiple tools or possess advanced charting skills.
Handling Appointment Leads and Follow-up With Twilio, Cal.com and AI
Automate the entire lifecycle of appointment lead management and follow-up using Twilio, Cal.com, and OpenAI. This powerful n8n workflow listens for incoming SMS messages via a Twilio Trigger, intelligently processes user requests with OpenAI's AI Chat Models and Structured Output Parsers, and then leverages an AI Agent to interact with Cal.com for scheduling, rescheduling, or canceling appointments through a series of HTTP requests. It also proactively identifies follow-up candidates from Airtable on a daily schedule, generates personalized follow-up messages using AI, and sends them out via Twilio, updating Airtable with the interaction details. This workflow is ideal for businesses and service providers looking to streamline their appointment booking process, reduce manual communication overhead, and ensure no lead is left behind, ultimately saving significant time and resources while improving customer engagement.
Qualify replies from Pipedrive persons with AI
Automate the qualification of inbound email replies from Pipedrive contacts using artificial intelligence. This workflow connects Gmail and OpenAI to your Pipedrive CRM, streamlining your lead nurturing process. When a new email arrives in either of your specified Gmail inboxes (Email box 1 or Email box 2), the workflow searches for the sender as a person in Pipedrive. It then retrieves their full person details and sends the email content to OpenAI for an AI-powered assessment of interest (Is interested?). Based on OpenAI's response, if the person is deemed interested, a new deal is automatically created in Pipedrive, ensuring hot leads are immediately acted upon. This is ideal for sales teams, marketers, and business development professionals who receive a high volume of email replies and need to quickly identify and prioritize genuinely interested prospects, saving significant manual review time and accelerating sales cycles.