# Post PR preview page screenshots to GitHub pull requests: n8n workflow

> Started by another system calling it, and works across GitHub. 10 steps, 1 branch, 2 loops or waits: a working afternoon to understand properly.

Source: https://millionrounds.com/workflow/post-pr-preview-page-screenshots-to-github-pull-requests (Millionrounds; every figure on the page links to its filing or article)

[Automation library](https://millionrounds.com/workflows) · [Content](https://millionrounds.com/workflows?category=Content#library)

# Post PR preview page screenshots to GitHub pull requests

Started by another system calling it, and works across GitHub. 10 steps, 1 branch, 2 loops or waits: a working afternoon to understand properly.

Medium

[Download free](https://millionrounds.com/login?next=%2Fapp%2Fworkflow%2Fpost-pr-preview-page-screenshots-to-github-pull-requests)

**10 steps** Medium: a working afternoon

**1** Branch: places the flow splits

**2** Loops or waits

**1** Service it connects to

## The flow

Starts it 1 Logic 7 Service 2

The steps in the order they run, from what starts it.

- 1 **When a Pull Request Preview Is Ready** Webhook *Starts it*
- 2 **Build Preview Page List** Code *Logic*
- 3 **Wait for Preview to Settle** Wait *Logic*
- 4 **Loop Over Changed Pages** Split In Batches *Logic*
- 5 **Build PR Comment** Code *Logic*
- 6 **Capture Preview Page** Snapshot Site *Service*
- 7 **Post Preview Screenshots on the PR** Github *Service*
- 8 **Check for API Error** If *Logic*
- 9 **Record Failed Capture** Set *Logic*
- 10 **Record Page Capture** Set *Logic*

## How it's built

- **Starts on:** Another system calling it
- **Steps:** 10, with 1 branch, 2 loops or waits
- **Size:** Medium: a working afternoon
- **Connects to:** GitHub
- **Model:** None. This is plumbing, not judgement

## Questions

What does it need to run?

An n8n account, plus your own GitHub account. You connect your own accounts after importing it; none are included.

What starts it?

It starts on another system calling it.

Does it use AI?

No. Every step is fixed logic or a call to a service, so it does the same thing every time.

How long does it take to set up?

Plan an afternoon. 10 steps is enough that you should read each one before running it.

How do I import it?

Copy the workflow, open a new workflow in n8n and paste. The steps appear on the canvas, ready for your own accounts.

**Before you run it**

Nothing here has been tested by us. It is somebody's working automation, read and described from its own steps. Treat the connections it wants as a list of accounts it will touch, and read the 10 steps before you point it at anything that matters.

## Run it in n8n

- **Create your n8n account** Free to start. n8n is where the workflow runs. [Create an n8n account ↗](https://millionrounds.com/n8n)
- **Download the workflow** Free with a Millionrounds account. [Download free](https://millionrounds.com/login?next=%2Fapp%2Fworkflow%2Fpost-pr-preview-page-screenshots-to-github-pull-requests)
- **Paste it into n8n** Open a new workflow in n8n and paste. Then connect your own accounts.

Stored with the author's traces removed: canvas notes, instance identifiers, saved credential names and any live document they had left behind.

## Connects to

Each opens the other workflows that use it.

[GitHub](https://millionrounds.com/workflows?service=GitHub#library)

## Workflows like it

Also content, with the same services where possible, closest in size first.

- [**AI-powered SEO content generator from any URL with Gemini** 10 steps · calls a model · GitHub](https://millionrounds.com/workflow/ai-powered-seo-content-generator-from-any-url-with-gemini)
- [**Auto-post GitHub code summaries to LinkedIn with Gemini** 10 steps · calls a model · GitHub, LinkedIn](https://millionrounds.com/workflow/auto-post-github-code-summaries-to-linkedin-with-gemini)
- [**Report post-deploy visual regressions with Snapshot Site** 9 steps · GitHub, Slack](https://millionrounds.com/workflow/report-post-deploy-visual-regressions-with-snapshot-site)
- [**Upload podcast episodes to Spotify with RSS and Google Drive** 9 steps · GitHub, Google Drive](https://millionrounds.com/workflow/upload-podcast-episodes-to-spotify-with-rss-and-google-drive)
- [**Automated blog generation with Gemini and GitHub** 11 steps · calls a model · GitHub, Google Sheets](https://millionrounds.com/workflow/automated-blog-generation-with-gemini-and-github)
- [**Create evergreen content with GitHub and URL** 12 steps · GitHub, Gmail](https://millionrounds.com/workflow/create-evergreen-content-with-github-and-url)