DiffDeck
DiffDeck
API
Iniciar sesiónIniciar prueba gratuita

Revisión visual para Storybook

Detecta cambios en la interfaz antes de publicar

Publica tu compilación de Storybook desde CI. DiffDeck la aloja, toma capturas de pantalla de cada historia en modo claro/oscuro y en teléfono, tableta y escritorio, y te muestra exactamente qué ha cambiado desde la última compilación aprobada.
EmpezarIniciar sesión

Funciona en todos los dispositivos: teléfono, tableta y escritorio. Conecta un repositorio de GitHub en minutos.

Última compilación

check

Compilación recibida

check

Capturas de pantalla realizadas

3 historias cambiadas

Button/Primary cambió en modo oscuro en móvil: revisa la diferencia antes de aprobar.

Esperando aprobación

Funciona con

Storybook

GitHub Actions

Cualquier CI

Menos ceremonia, más señal

Todo lo que necesitas para revisar la interfaz

photo_camera
Seis capturas por historia

Cada historia capturada en modo claro y oscuro en teléfono, tableta y escritorio, automáticamente.

difference
Diferencias de referencia

Vea exactamente qué cambió desde la última compilación aprobada, lado a lado.

visibility_off
Enmascarar áreas dinámicas

Marque las regiones animadas o dependientes del tiempo para que nunca marquen una diferencia falsa.

open_in_new
Storybook alojado

Cada compilación permanece navegable: abra el Storybook en vivo para cualquier commit.

Última compilación

¿Cambió algo en esta compilación?
visibility
Button/Primary se desplazó un 1,2% en modo oscuro en móvil: aquí está la diferencia.

Tres pasos

Cómo funciona

1
Conectar un repositorio

Elija un repositorio de GitHub y copie su token de proyecto de CI.

2
Publicar desde CI

Añada la Acción de GitHub de DiffDeck; cada push sube una compilación de Storybook.

3
Revisar y aprobar

Inspeccione las diferencias, apruebe la compilación y se convertirá en la nueva referencia.

Precios sencillos basados en el uso

Empieza gratis y paga solo por lo que uses.

€19

por repositorie / mes

+ €29 for Playwright recordings on one repository / mes

Todos los precios excluyen IVAEmpezar
check_circle

Prueba gratuita de 14 días — no requiere tarjeta

Es bueno saberlo

Preguntas frecuentes

Sí: DiffDeck se ejecuta en tu navegador en teléfonos, tabletas y ordenadores sin necesidad de instalar nada. Puedes navegar por los builds, inspeccionar diferencias y aprobar o rechazar desde cualquier lugar.

Sí. DiffDeck aloja tus builds estáticos de Storybook y captura cada historia, y también almacena tus grabaciones de pruebas de Playwright vinculadas al build del que provienen.

Añada la GitHub Action de DiffDeck a su pipeline y autentíquela con su token de proyecto por repositorio; cada push publicará entonces una compilación de Storybook y sus diferencias aparecerán aquí para su revisión.

DiffDeck tiene un precio por repositorio al mes, con grabaciones de Playwright como complemento opcional por repositorio. Puede comenzar con una prueba gratuita antes de añadir una tarjeta.

Sus compilaciones y grabaciones están limitadas a su organización y solo sus miembros pueden verlas. Las subidas de CI se autentican con un token de proyecto por repositorio, y DiffDeck nunca ejecuta sus pruebas ni necesita su código fuente.

Del blog

Últimos artículos y guías

Ver todas las publicacionesarrow_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.


Creado conKavaro.ai

Términos de servicioPolítica de privacidadIniciar sesiónv13.0.0
Ask about DiffDeck

Ask a question about what DiffDeck can do.

​