CONTENT CREATION

Recapture Doc Screenshots When a PR Touches a Documented UI Route

When a frontend PR merges, maps the changed files to documented UI routes, recaptures only those screenshots via Browserbase, and opens a follow-up PR with the updated doc images.

CategoryContent Creation
Enginesim
Difficultyadvanced
Triggerevent
Steps5
Setup~25 min

How it runs

The automated pipeline, trigger to output.

  • TriggerPR merged to default branchGitHubGitHub
  • ActionRead changed file paths from the merged PRGitHubGitHub
  • LogicMap changed paths to documented routes; exit if none
  • ActionRecapture affected route screenshotsBrowserbase
  • OutputOpen follow-up PR with updated doc imagesGitHubGitHub

What it does

Ties screenshot freshness to your actual code changes. The moment a pull request that modifies frontend code merges to main, the flow figures out which documented screens were affected, recaptures just those images, and proposes the updated docs as its own pull request for review — no full-site re-shoot needed.

When to use it

Use it when most UI changes arrive through reviewed PRs and you want screenshots updated as part of the same change cycle, instead of waiting for a scheduled sweep to catch drift days later.

How it works

  1. 1A GitHub merge event on the default branch triggers the run.
  2. 2The flow inspects the PR's changed file paths.
  3. 3A logic step maps those paths to the documented routes that render them; if none match, the run exits quietly.
  4. 4Browserbase captures fresh screenshots for each affected route against a preview or production URL.
  5. 5The new images are committed to the docs repo and a follow-up pull request is opened with a diff of old versus new screenshots in the description.

Set it up

What you configure once, before turning it on.

  1. 1
    Connect GitHubRepos, issues, pull requests, actions.
  2. 2
    Connect BrowserbaseHeadless browsers, sessions, replays.
  3. 3
    Set each agent's modelWe leave models unset so you pick the tier — fast + cheap, or top-quality.
  4. 4
    Tune it to your dataEdit the prompts, filters, and field mappings so it matches how your team works.
  5. 5
    Test, then turn it onRun once against a sample, confirm the output, then enable the trigger.

Run this workflow in your colony.

14-day trial. No DevOps. No Sales call. Provisioned in under a minute.