DiffDeck
DiffDeck
API
ConnexionCommencer l'essai gratuit

Revue visuelle pour Storybook

Détectez les changements d'interface avant leur mise en production

Publiez votre build Storybook depuis votre CI. DiffDeck l'héberge, capture chaque story en mode clair/sombre sur mobile, tablette et ordinateur, et vous montre exactement ce qui a changé depuis le dernier build approuvé.
CommencerSe connecter

Fonctionne sur tous les appareils — téléphone, tablette et ordinateur. Connectez un dépôt GitHub en quelques minutes.

Dernier build

check

Build reçu

check

Captures d'écran effectuées

3 stories modifiées

Button/Primary a changé en mode sombre sur mobile — examinez la différence avant d'approuver.

En attente d'approbation

Fonctionne avec

Storybook

GitHub Actions

N'importe quel CI

Moins de bruit, plus de signal

Tout ce dont vous avez besoin pour examiner l'interface

photo_camera
Six captures par story

Chaque story est capturée en mode clair et sombre sur mobile, tablette et ordinateur — automatiquement.

difference
Diffs de la base de référence

Visualisez exactement ce qui a changé depuis le dernier build approuvé, côte à côte.

visibility_off
Masquer les zones dynamiques

Signalez les régions animées ou dépendantes du temps pour éviter les faux positifs.

open_in_new
Storybook hébergé

Chaque build reste consultable — ouvrez le Storybook en direct pour n'importe quel commit.

Dernier build

Quelque chose a changé dans ce build ?
visibility
Button/Primary s'est décalé de 1,2 % en mode sombre sur mobile — voici le diff.

Trois étapes

Comment ça marche

1
Connecter un dépôt

Sélectionnez un dépôt GitHub et copiez son jeton de projet CI.

2
Publier depuis la CI

Ajoutez l'action GitHub DiffDeck ; chaque push télécharge un build Storybook.

3
Réviser et approuver

Inspectez les diffs, approuvez le build, et il devient la nouvelle base de référence.

Tarification simple basée sur l'utilisation

Commencez gratuitement, puis ne payez que ce que vous utilisez.

€19

par repositorie / mois

+ €29 for Playwright recordings on one repository / mois

Tous les prix sont hors TVACommencer
check_circle

Essai gratuit de 14 jours — aucune carte bancaire requise

Bon à savoir

Questions fréquentes

Oui — DiffDeck fonctionne dans votre navigateur sur téléphone, tablette et ordinateur, sans rien à installer. Vous pouvez parcourir les builds, inspecter les différences et approuver ou rejeter depuis n'importe où.

Oui. DiffDeck héberge vos builds statiques Storybook et capture chaque story ; il stocke également vos enregistrements de tests Playwright liés au build dont ils proviennent.

Ajoutez l'action GitHub DiffDeck à votre pipeline et authentifiez-la avec votre jeton de projet par dépôt ; chaque push publie alors un build Storybook et ses différences apparaissent ici pour examen.

DiffDeck est facturé par dépôt et par mois, avec les enregistrements Playwright en option par dépôt. Vous pouvez commencer par un essai gratuit avant d'ajouter une carte bancaire.

Vos builds et enregistrements sont limités à votre organisation et seuls vos membres peuvent les voir. Les téléchargements CI sont authentifiés avec un jeton de projet par dépôt, et DiffDeck n'exécute jamais vos tests et n'a pas besoin de votre code source.

Du blog

Derniers articles et guides

Voir tous les articlesarrow_forward
Stop Flaky Visual Diffs in Storybook: Masking Dynamic Regions

A practical workflow for finding the stories that false-positive on every build — clocks, carousels, randomized data, spinners — and using per-variant dynamic-region masking plus disciplined baseline approval to get your visual review queue back to zero noise.


Construit avecKavaro.ai

Conditions d'utilisationPolitique de confidentialitéConnexionv13.0.0
Ask about DiffDeck

Ask a question about what DiffDeck can do.

​