DiffDeck
DiffDeck
API
AccediInizia la prova gratuita

Revisione visiva per Storybook

Individua le modifiche all'interfaccia utente prima del rilascio

Pubblica la tua build di Storybook dalla CI. DiffDeck la ospita, acquisisce screenshot di ogni story in modalità chiara/scura e su telefono, tablet e desktop, mostrandoti esattamente cosa è cambiato dall'ultima build approvata.
Inizia oraAccedi

Funziona su ogni dispositivo: telefono, tablet e desktop. Collega un repository GitHub in pochi minuti.

Ultima build

check

Build ricevuta

check

Screenshot acquisiti

3 storie cambiate

Button/Primary modificato in modalità scura su mobile — rivedi le differenze prima di approvare.

In attesa di approvazione

Funziona con

Storybook

GitHub Actions

Qualsiasi CI

Meno rumore, più segnale

Tutto ciò che ti serve per revisionare l'interfaccia utente

photo_camera
Sei screenshot per story

Ogni story acquisita in modalità chiara e scura su telefono, tablet e desktop — automaticamente.

difference
Differenze di base

Vedi esattamente cosa è cambiato dall'ultima build approvata, fianco a fianco.

visibility_off
Maschera le aree dinamiche

Contrassegna le regioni animate o dipendenti dal tempo in modo che non generino mai un falso positivo nelle differenze.

open_in_new
Storybook ospitato

Ogni build rimane navigabile: apri lo Storybook live per qualsiasi commit.

Ultima build

È cambiato qualcosa in questa build?
visibility
Button/Primary spostato dell'1,2% in modalità scura su mobile: ecco la differenza.

Tre passaggi

Come funziona

1
Collega un repository

Scegli un repository GitHub e copia il suo token di progetto CI.

2
Pubblica da CI

Aggiungi l'azione GitHub di DiffDeck; ogni push carica una build di Storybook.

3
Revisiona e approva

Ispeziona le differenze, approva la build e questa diventerà la nuova base di riferimento.

Prezzi semplici basati sull'utilizzo

Inizia gratis, poi paga solo per ciò che utilizzi.

€19

per repositorie / mese

+ €29 for Playwright recordings on one repository / mese

Tutti i prezzi sono IVA esclusaInizia ora
check_circle

Prova gratuita di 14 giorni — nessuna carta richiesta

Buono a sapersi

Domande frequenti

Sì: DiffDeck funziona nel tuo browser su telefono, tablet e computer senza nulla da installare. Puoi navigare tra le build, ispezionare le differenze e approvare o rifiutare da ovunque.

Sì. DiffDeck ospita le tue build statiche di Storybook e acquisisce screenshot di ogni story; inoltre, archivia le tue registrazioni dei test Playwright collegate alla build da cui provengono.

Aggiungi la GitHub Action di DiffDeck alla tua pipeline e autenticala con il tuo token di progetto per repository; ogni push pubblicherà quindi una build di Storybook e i relativi diff verranno caricati qui per la revisione.

DiffDeck ha un costo per repository al mese, con le registrazioni di Playwright come componente aggiuntivo opzionale per repository. Puoi iniziare con una prova gratuita prima di aggiungere una carta.

Le tue build e le tue registrazioni sono limitate alla tua organizzazione e solo i tuoi membri possono vederle. I caricamenti CI sono autenticati con un token di progetto per repository e DiffDeck non esegue mai i tuoi test né ha bisogno del tuo codice sorgente.

Dal blog

Ultimi articoli e guide

Visualizza tutti i postarrow_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.


Realizzato conKavaro.ai

Termini di servizioInformativa sulla privacyAccediv13.0.0
Ask about DiffDeck

Ask a question about what DiffDeck can do.

​