Sign inSign up

Slack notifications and webhooks

Script custom behavior and automate more workflows

loading
Dominic Nguyen
@domyen
Last updated:

There’s no “right” way to implement a UI.

Teams chain together a variety of tools to customize workflows. Customers asked for more ways to integrate your tools with Chromatic.

I’m thrilled to share the new Slack integration and custom webhook API. Our goal for this release is to keep your team notified of UI changes.

Slack notifications

Post messages in a designated Slack channel when a build’s status changes. Development teams use Slack to chat about UI implementation with designers, PMs, and QA.

When you connect Chromatic to Slack, your teammates will get notified of UI changes.

Enable Slack notifications on your project’s manage page.

Custom webhooks

Script custom behavior and automate advanced workflows. Folks often request that Chromatic integrate with their favorite services. Now you can connect Chromatic to services via webhooks.

We’ll call your webhook URL when a build is created or its status changes. Enable custom webhooks on your project’s manage page.

Detect squash and rebase merge

Chromatic now detects squash and rebase merges. Your baselines are preserved between branches, even when squashing or rebasing wipes the Git history. That means, you no longer need to add the --auto-accept-changes option when running chromatic on your trunk branch.

Chromatic supports squash merges out of the box

Your baselines are tracked at the commit level. We use Git history to ensure baselines persist across branching and merging. This saves you from manual work or dealing with merge conflicts.

But what happens when a commit has no Git history? Squashing and rebasing is a popular technique that combines multiple commits into one to make the Git log more legible. It also removes the Git history of the merge commit.

Previously, Chromatic had no way to tell that baselines accepted in a PR should come over to the trunk branch without Git history. We now use provider APIs to detect squashing and rebasing so your baselines match your expectations no matter your Git workflow.

Enable squash merge detection by updating to the latest package version 5.2.0. If you use GitHub, install our GitHub app via your project’s PR tab.

What’s next?

It’s easier to build UIs when the whole team is involved. We’re updating the way collaboration and roles work to make teamwork less work.

More UX improvements on the way:

  • 🔍 Highlight subtle 1–5px changes during review
  • ⚡️ Update and improve infrastructure performance

Chromatic for Storybook

Chromatic is an industrial-grade visual testing and review tool created by Storybook core maintainers. It’s used by frontend teams at Salesforce, BBC, Auth0 and more.

👉 Get started with Chromatic free plan👈

Did this article help you?

Get free UI development guides and tutorials like this emailed to you.

4,482 developers and counting

We’re hiring!

Join the team behind Storybook and Chromatic. Build tools that are used in production by 100s of thousands of developers. Remote-first.

View jobs

Popular posts

New Capture Cloud infrastructure

Chrome browser update now available
loading
Dominic Nguyen

How to build a Storybook addon

Enhance and automate parts of your UI development workflow.
loading
Varun Vachhar

Storybook Composition

Combine multiple Storybooks into one
loading
Dominic Nguyen
Product
PricingAboutJobsTerms of ServicePrivacyStatusSecurity • SOC 2Contact Sales
Chromatic
© Chroma Software Inc. Made by the maintainers of Storybook.