For the complete documentation index, see llms.txt. This page is also available as Markdown.

Overview

Learn how Argos works and where to start.

What is Argos?

Argos helps teams catch visual regressions before they reach production.

It works with your existing tools, such as Playwright, Storybook, Cypress, or any custom screenshot pipeline. Your CI uploads screenshots to Argos, then Argos compares them against a baseline and lets you review visual changes as part of your pull request workflow.

How it works

  1. Your tests capture screenshots in CI

  2. Your CI uploads the screenshots to Argos

  3. Argos compares them against the baseline

  4. You review visual diffs on pull requests

  5. You approve expected changes or request fixes

  6. Argos updates the pull request check

When to use Argos

Use Argos when visual changes can affect product quality or release confidence:

  • UI regressions: broken layouts, CSS changes, missing images, icons, or fonts

  • Design systems: component changes, theme changes, browser, viewport, or theme issues

  • Product variants: white-labeled interfaces, translations, and localized layouts

  • AI generated UI: visual validation before merging generated change

Next steps

Ready to add Argos to your project? Start with the Quickstart.

Explore more

Once Argos is set up, you can learn more about advanced workflows:

Last updated

Was this helpful?