Skip to main content

Generate AI ads from website and images with Claude and NanoBanana

Workflow preview

Workflow preview
100%
Generate AI ads from website and images with Claude and NanoBanana preview
Open on n8n.io

1. Workflow Overview

Generate AI ad creatives from website, logo, and product image with Claude + NanoBanana Who is this for? This workflow is designed for marketers, founders, agencies, and content teams who want to g...

Best for

  • Content Creation automation workflows
  • Multimodal AI automation workflows
  • advanced n8n builders looking for reusable templates

Tools used

n8n-nodes-base.markdown, n8n-nodes-base.html, n8n-nodes-base.httprequest, n8n-nodes-base.merge, n8n-nodes-base.aggregate, @n8n/n8n-nodes-langchain.outputparserstructured, n8n-nodes-base.splitout, n8n-nodes-base.googledrive

Source and attribution

This workflow is cataloged by N8N Workflows and links back to its original n8n.io source page by Blumpo.

Original n8n.io source

1.1 Workflow description

Title
Generate AI ads from website and images with Claude and NanoBanana
Workflow name
Generate AI ads from website and images with Claude and NanoBanana

Generate AI ad creatives from website, logo, and product image with Claude + NanoBanana

Who is this for?

This workflow is designed for marketers, founders, agencies, and content teams who want to generate static ad creatives faster from minimal brand input.

It works especially well if you already have:

  • a website
  • a logo
  • a product image, screenshot, or UI visual

and want to turn that into a structured ad concept and final creative without building everything manually.

What problem is this workflow solving? / Use case

Creating decent ad creatives usually takes more than just prompting an image model.

You need to:

  • understand what the product actually does
  • pull useful messaging from the website
  • figure out who the product is for
  • write a clear value proposition
  • decide what visual direction makes sense
  • then generate the final ad

This workflow solves that by automating the full process from website + brand assets → insights → ad concept → generated image.

What this workflow does

  • Collects a website URL, logo, and product image through a form
  • Analyzes the uploaded product image with Claude to understand what kind of visual it is
  • Fetches the homepage and selected internal pages from the website
  • Extracts and cleans website text into one usable source
  • Builds structured brand insights such as:
  • product summary
  • customer group
  • problems
  • key features
  • key benefits
  • brand voice
  • Creates a marketing brief and ad concept with Claude
  • Generates a static ad creative with NanoBanana through OpenRouter
  • Converts the output into a file and uploads it to Google Drive

Setup

Connect your accounts:

  • Anthropic API for brand insights and ad concept generation
  • OpenRouter for image analysis and final image generation
  • Google Drive if you want to store the final output

Set your credentials in the respective nodes.

Make sure your form accepts:

  • .jpg
  • .png
  • .webp

If you do not want file export, disable the Upload file node.

How to customize this workflow to your needs

Brand analysis: Adjust the prompt in the brand insight step if you want different fields, such as competitor angles, tone categories, or ICP detail.

Page selection: Change the subpage selection prompt if you want to prioritize pages like pricing, testimonials, integrations, or case studies.

Ad concept style: Edit the concept generation prompt to control tone, structure, and creative direction.

Visual output: Update the image generation prompt to make outputs more minimal, more editorial, more SaaS-like, or more product-focused.

Export flow: Replace Google Drive with your own storage, CMS, or downstream creative workflow.

How it works

The workflow starts with a form submission containing a website, logo, and optional product image. The uploaded assets are processed first: the logo is prepared for generation, while the product image is analyzed to understand whether it is a UI, product shot, illustration, object, or another type of visual.

Next, the workflow fetches the homepage, extracts navigation links, and uses Claude to select a few useful internal pages likely to contain stronger marketing input. Those pages are fetched and converted into text.

That content is then cleaned and merged into one source. Claude uses it to build structured brand insights and turn them into a full ad concept, including headline, subheadline, CTA, visual direction, and layout direction.

Finally, the concept and uploaded assets are passed to the image model to generate the final ad creative, which can then be exported automatically.

Result

With this workflow, you go from website + assets → brand insights → ad concept → generated creative in one flow, with much less manual prompting and much more structure.

1.2 Logical Blocks

This catalog entry is organized from the workflow JSON. The node-level section below shows the executable blocks available for review before importing the template.

2. Block-by-Block Analysis

Block 1 - Text extract

Type / Role
n8n-nodes-base.markdown - markdown
Config choices
Version 1

Block 2 - HTML

Type / Role
n8n-nodes-base.html - html
Config choices
Version 1.2

Block 3 - Get website (text)

Type / Role
n8n-nodes-base.httpRequest - httpRequest
Config choices
Version 4.2

Block 4 - Text extract1

Type / Role
n8n-nodes-base.markdown - markdown
Config choices
Version 1

Block 5 - Merge1

Type / Role
n8n-nodes-base.merge - merge
Config choices
Version 3.2

Block 6 - Aggregate1

Type / Role
n8n-nodes-base.aggregate - aggregate
Config choices
Version 1

Block 7 - Structured Output Parser

Type / Role
@n8n/n8n-nodes-langchain.outputParserStructured - outputParserStructured
Config choices
Version 1.3

Block 8 - Split Out

Type / Role
n8n-nodes-base.splitOut - splitOut
Config choices
Version 1

Block 9 - Aggregate2

Type / Role
n8n-nodes-base.aggregate - aggregate
Config choices
Version 1

Block 10 - Upload file

Type / Role
n8n-nodes-base.googleDrive - googleDrive
Config choices
Version 3

Block 11 - Structured Output Parser2

Type / Role
@n8n/n8n-nodes-langchain.outputParserStructured - outputParserStructured
Config choices
Version 1.3

Block 12 - Anthropic Chat Model1

Type / Role
@n8n/n8n-nodes-langchain.lmChatAnthropic - lmChatAnthropic
Config choices
Version 1.3

Block 13 - Convert to File2

Type / Role
n8n-nodes-base.convertToFile - convertToFile
Config choices
Version 1.1

Block 14 - set outputfile

Type / Role
n8n-nodes-base.set - set
Config choices
Version 3.4

Block 15 - Anthropic Chat Model

Type / Role
@n8n/n8n-nodes-langchain.lmChatAnthropic - lmChatAnthropic
Config choices
Version 1.3

Block 16 - Anthropic Chat Model3

Type / Role
@n8n/n8n-nodes-langchain.lmChatAnthropic - lmChatAnthropic
Config choices
Version 1.3

Block 17 - Structured Output Parser3

Type / Role
@n8n/n8n-nodes-langchain.outputParserStructured - outputParserStructured
Config choices
Version 1.3

Block 18 - User Asset Base64

Type / Role
n8n-nodes-base.extractFromFile - extractFromFile
Config choices
Version 1

Block 19 - If

Type / Role
n8n-nodes-base.if - if
Config choices
Version 2.3

Block 20 - User Asset Base

Type / Role
n8n-nodes-base.extractFromFile - extractFromFile
Config choices
Version 1

Block 21 - Call Claude - Photo Evaluation

Type / Role
n8n-nodes-base.httpRequest - httpRequest
Config choices
Version 4.2

Block 22 - Merge

Type / Role
n8n-nodes-base.merge - merge
Config choices
Version 3.2

Block 23 - Edit Fields

Type / Role
n8n-nodes-base.set - set
Config choices
Version 3.4

Block 24 - Sticky Note

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

Showing the first 24 of 40 workflow blocks. Download the JSON for the full node graph.

3. Summary Table

Workflow Generate AI ads from website and images with Claude and NanoBanana
Complexity advanced
Nodes 40
Categories Content Creation, Multimodal AI
Author Blumpo
Published 22 Apr 2026

4. Reproducing the Workflow from Scratch

  1. 1. Download the workflow JSON

    Use the JSON export at /data/workflows/15236/15236.json as the source template for this automation.

  2. 2. Import the template into n8n

    Open n8n, import the downloaded JSON, and review each node before activating the workflow.

  3. 3. Configure credentials and variables

    Replace placeholder credentials, API keys, webhook URLs, account IDs, and environment-specific values with your own settings.

  4. 4. Test with sample data

    Run the workflow manually or in a staging workspace, inspect node output, and confirm downstream systems receive the expected data.

  5. 5. Activate and monitor

    Enable the workflow only after testing, then monitor executions, errors, and rate limits during the first production runs.

5. General Notes & Resources

Review imported nodes carefully before activation. This catalog entry is intended to help you inspect the workflow structure, understand required services, and find related templates faster.

Node names, credentials, schedules, webhook paths, and external service limits may need adjustment for your workspace.

Frequently asked questions

What does Generate AI ads from website and images with Claude and NanoBanana do?

Generate AI ad creatives from website, logo, and product image with Claude + NanoBanana Who is this for? This workflow is designed for marketers, founders, agencies, and content teams who want to g...

What do I need before importing this workflow?

Review the workflow JSON, configure any required credentials in n8n, and test the automation in a safe workspace before using it in production.

Can I customize this workflow?

Yes. Use the block-by-block analysis and the downloadable JSON to inspect each node, then adjust credentials, prompts, schedules, filters, or destinations for your Content Creation, Multimodal AI use case.