Build a zero-code screenshot automation with Zapier. Capture any website and send the result to Slack, Google Drive, Airtable, or 6,000+ other apps.
Turn any Google Sheets spreadsheet into a screenshot automation tool. List URLs, run a script, and get screenshot links populated automatically.
Learn how to automatically capture website screenshots and save them to your Airtable base using the Allscreenshots API and Airtable scripting.
Join thousands of developers using Allscreenshots. No credit card required to get started.
Visual regression testing catches UI bugs that unit tests miss. But setting up Puppeteer or Playwright in CI is painful — browser binaries, memory limits, and flaky headless rendering. The Allscreenshots API lets you skip all of that.
A GitHub Actions workflow that captures screenshots of your preview deployment on every pull request and uploads them as artifacts for visual review.
Add your Allscreenshots API key as a GitHub repository secret:
SCREENSHOT_API_KEYCreate .github/workflows/screenshots.yml:
name: Visual Regression Tests
on:
pull_request:
branches: [main]
jobs:
screenshots:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Wait for preview deployment
uses: patrickedqvist/wait-for-vercel-[email protected]
id: preview
with:
token: ${{ secrets.GITHUB_TOKEN }}
max_timeout: 300
- name: Capture homepage
run: |
curl -s -X POST 'https://api.allscreenshots.com/v1/screenshot' \
-H 'Authorization: Bearer ${{ secrets.SCREENSHOT_API_KEY }}' \
-H 'Content-Type: application/json' \
-d '{
"url": "${{ steps.preview.outputs.url }}",
"fullPage": true,
"viewport": { "width": 1920, "height": 1080 }
}' -o homepage.png
- name: Capture mobile view
run: |
curl -s -X POST 'https://api.allscreenshots.com/v1/screenshot' \
-H 'Authorization: Bearer ${{ secrets.SCREENSHOT_API_KEY }}' \
-H 'Content-Type: application/json' \
-d '{
"url": "${{ steps.preview.outputs.url }}",
"fullPage": true,
"viewport": { "width": 375, "height": 812 }
}' -o mobile.png
- name: Upload screenshots
uses: actions/upload-artifact@v4
with:
name: screenshots-pr-${{ github.event.number }}
path: |
homepage.png
mobile.png
retention-days: 30This workflow waits for your Vercel preview deployment, captures both desktop and mobile screenshots, and uploads them as artifacts.
For larger sites, capture multiple pages using a matrix strategy:
jobs:
screenshots:
runs-on: ubuntu-latest
strategy:
matrix:
page: ['/', '/pricing', '/about', '/docs']
steps:
- name: Capture ${{ matrix.page }}
run: |
SAFE_NAME=$(echo "${{ matrix.page }}" | sed 's/\//-/g' | sed 's/^-//')
curl -s -X POST 'https://api.allscreenshots.com/v1/screenshot' \
-H 'Authorization: Bearer ${{ secrets.SCREENSHOT_API_KEY }}' \
-H 'Content-Type: application/json' \
-d "{
\"url\": \"${{ steps.preview.outputs.url }}${{ matrix.page }}\",
\"fullPage\": true,
\"viewport\": { \"width\": 1920, \"height\": 1080 }
}" -o "${SAFE_NAME:-homepage}.png"
- uses: actions/upload-artifact@v4
with:
name: screenshot-${{ matrix.page }}
path: '*.png'For automated comparison against baselines, add a step that downloads the previous screenshot from the main branch and diffs them:
- name: Download baseline
uses: dawidd6/action-download-artifact@v6
with:
name: screenshots-baseline
branch: main
workflow: screenshots.yml
if_no_artifact_found: warn
- name: Compare screenshots
run: |
if [ -f baseline-homepage.png ]; then
# Use ImageMagick to compare
compare -metric AE homepage.png baseline-homepage.png diff.png 2>&1 || true
echo "Pixel difference: $(compare -metric AE homepage.png baseline-homepage.png null: 2>&1)"
fiIf your project doesn't have preview deployments, you can capture screenshots of your staging URL instead:
- name: Capture staging
run: |
curl -s -X POST 'https://api.allscreenshots.com/v1/screenshot' \
-H 'Authorization: Bearer ${{ secrets.SCREENSHOT_API_KEY }}' \
-H 'Content-Type: application/json' \
-d '{ "url": "https://staging.yourapp.com", "fullPage": true }' \
-o screenshot.pngAdd a step to post screenshots as PR comments using the GitHub API:
- name: Comment on PR
uses: marocchino/sticky-pull-request-comment@v2
with:
header: screenshots
message: |
## Visual Preview
Screenshots captured from preview deployment.
Download: ${{ steps.upload.outputs.artifact-url }}The API call typically takes 2-5 seconds per screenshot. Capturing 10 pages adds about a minute to your pipeline — far less than running Playwright locally.
With GitHub Actions and Allscreenshots, you get visual regression testing without managing browser infrastructure in CI. The API handles rendering, and GitHub Actions handles the workflow.
For the full setup guide, see the GitHub Actions integration page.