Show HN: Instantly create a GitHub repository to take screenshots of a web page

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SaaSHub - Software Alternatives and Reviews
  • shot-scraper-template

    Template repository for setting up shot-scraper

  • You can try this out at https://github.com/simonw/shot-scraper-template

    Use the https://github.com/simonw/shot-scraper-template/generate interface to create a new repository using that template, and paste the URL that you want to take screenshots of in as the "description" field.

    The new repository will configure itself using GitHub Actions, take the screenshot and save it back to the repo!

  • image-diff

    CLI tool for comparing images

  • You could absolutely get this working with GitHub Actions with a bit of creativity.

    I've been playing around with my own image-diff tool for this kind of thing, but it's not yet in a decent state: https://github.com/simonw/image-diff - there are other, better options out there such as https://github.com/mapbox/pixelmatch

    Needle is an older system that did this using Selenium - updating that to work with Playwright (or Playwight via shot-scraper) would be an interesting project: https://github.com/python-needle/needle

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • UneJournaux

    https://www.liberation.fr/

  • Here's a GitHub code search which shows repos that people have created using my template: https://github.com/search?q=shot-scraper-template+-user%3Asi...

    My favourite so far is this one, which is taking screenshots of a variety of French news websites: https://github.com/ggtr1138/UneJournaux

  • datasette

    An open source multi-tool for exploring and publishing data

  • pixelmatch

    The smallest, simplest and fastest JavaScript pixel-level image comparison library

  • You could absolutely get this working with GitHub Actions with a bit of creativity.

    I've been playing around with my own image-diff tool for this kind of thing, but it's not yet in a decent state: https://github.com/simonw/image-diff - there are other, better options out there such as https://github.com/mapbox/pixelmatch

    Needle is an older system that did this using Selenium - updating that to work with Playwright (or Playwight via shot-scraper) would be an interesting project: https://github.com/python-needle/needle

  • needle

    Automated tests for your CSS. (by python-needle)

  • You could absolutely get this working with GitHub Actions with a bit of creativity.

    I've been playing around with my own image-diff tool for this kind of thing, but it's not yet in a decent state: https://github.com/simonw/image-diff - there are other, better options out there such as https://github.com/mapbox/pixelmatch

    Needle is an older system that did this using Selenium - updating that to work with Playwright (or Playwight via shot-scraper) would be an interesting project: https://github.com/python-needle/needle

  • awesome-regression-testing

    🕶️ A curated list of resources around the topic: visual regression testing

  • https://github.com/mojoaxel/awesome-regression-testing#tools...

    "visual-regression": https://github.com/topics/visual-regression

    Cypress.io can run in a CI job, does Time Travel, works with DevTools debugger, can take screenshots and video, and it looks like there's a visual regression testing thing for it: https://github.com/mjhea0/cypress-visual-regression

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • cypress-visual-regression

    Module for adding visual regression testing to Cypress

  • https://github.com/mojoaxel/awesome-regression-testing#tools...

    "visual-regression": https://github.com/topics/visual-regression

    Cypress.io can run in a CI job, does Time Travel, works with DevTools debugger, can take screenshots and video, and it looks like there's a visual regression testing thing for it: https://github.com/mjhea0/cypress-visual-regression

  • news-homepages

    An open-source archive that gathers, saves, shares and analyzes news homepages

  • Yes - you can run extra JavaScript to hide those before you take the screenshot. Example here: https://github.com/palewire/news-homepages/issues/4#issuecom...

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts