# Composal vs Chromatic

Chromatic derives coverage from Storybook stories and reviews whether component rendering changed.

## Composal

Composal sends AI browser agents to use your running web app and check the outcomes you care about. Define journeys as plain-English Scenarios, map existing flows with Discovery, or explore for bugs with Deep Scan. Runs keep recordings and reproduction steps so your team or coding agent can investigate a Finding.

[Verify documentation](https://composal.com/docs/verify)

## Chromatic

Storybook visual testing and UI review

Chromatic turns Storybook stories into visual tests, rendering component states in cloud browsers and comparing snapshots with accepted baselines.

## What each tool does

| Workflow | Composal | Chromatic |
| --- | --- | --- |
| [Run browser journeys](https://composal.com/product/scenarios) | ✓ Yes: Run saved browser Scenarios and return recordings and reproducible Findings. | – With setup: Captures or compares rendered pages through a configured test or visual workflow; confirm the supported runner. |
| [Map application workflows](https://composal.com/product/discovery) | ✓ Yes: Discovery maps key application areas and user journeys. | – Not confirmed: Check whether this product includes this workflow in your intended plan and setup. |
| [Explore for unexpected issues](https://composal.com/product/deep-scan) | ✓ Yes: Deep Scan explores the running application and reports reproducible issues. | – Not confirmed: Check whether this product includes this workflow in your intended plan and setup. |
| [Describe checks in plain English](https://composal.com/product/scenarios) | ✓ Yes: Author Scenarios around the intended user outcome, then review the steps and expected results. | – Not confirmed: Check whether this product includes this workflow in your intended plan and setup. |
| [Run or inspect from a terminal](https://composal.com/product/cli) | ✓ Yes: Use the CLI to start and inspect verification runs and their Findings. | – Not confirmed: Check whether this product includes this workflow in your intended plan and setup. |
| Visual regression baselines | × No: Use a dedicated tool for this specialist workflow alongside Composal’s browser verification. | ✓ Yes: Chromatic turns Storybook stories into visual tests, rendering component states in cloud browsers and comparing snapshots with accepted baselines. |

With setup means you supply code or configuration. Not confirmed means support for this workflow needs checking with the vendor.

## Where each fits

Choose Chromatic when Storybook is central to your design-system workflow and you want visual and UI checks tied to stories and pull requests.

## Try this evaluation

Select a shared component with several Storybook states and one user journey that combines it with navigation and form behavior. Introduce a subtle visual change in one story and a separate interaction regression in the full application.

### Coverage

Which user outcomes must this release prove, and which specialist checks must stay in your existing stack?

### Setup

Who prepares accounts, test data, permissions and access to the deployment being tested?

### Evidence

Can the engineer reproduce a reported failure from the recording and steps, without asking the tester to investigate again?

### Ownership

Who updates the checks when the product changes, and can the team review what a passing result actually proves?

## Related comparisons

- [Composal vs Happo](https://composal.com/compare/composal-vs-happo.md)
- [Composal vs Lost Pixel](https://composal.com/compare/composal-vs-lost-pixel.md)
- [Composal vs Argos](https://composal.com/compare/composal-vs-argos.md)

[All comparisons](https://composal.com/compare.md)