SnapVisor MCP

Revisa compilaciones de regresión visual, aprueba o rechaza cambios de capturas de pantalla y gestiona proyectos de SnapVisor. Servidor remoto con inicio de sesión OAuth.

Ver en snapvisor.ioPrueba este MCPPatrocinado

Servidor MCP alojado

npx add-mcp 'https://mcp.snapvisor.io/'

Se instala en Claude Code, Codex, Cursor y más

Documentación

Snapvisor

Snapvisor es una plataforma de pruebas visuales construida sobre un motor de código abierto. Captura capturas de pantalla de tu suite de pruebas existente, compáralas con una línea base y revisa los cambios en tus pull requests.

Snapvisor es una plataforma de pruebas de regresión visual construida sobre un motor de comparación visual de código abierto probado. Captura capturas de pantalla de la suite de pruebas que ya ejecutas (Playwright, Cypress, Puppeteer, Storybook o cualquier herramienta que escriba archivos de imagen), las compara contra una línea base aprobada y publica el resultado como una verificación de estado en tu pull request.

Por qué pruebas visuales

Las pruebas unitarias verifican la lógica, no los píxeles. Las regresiones visuales se cuelan a través de suites verdes todo el tiempo:

  • Cambios de diseño silenciosos — un ajuste de CSS a dos componentes de distancia mueve tu botón de pago fuera de la vista.
  • Tipografía rota — una fuente no se carga y tu titular se envuelve en la barra de navegación.
  • Regresiones responsivas — perfecto a 1440px, roto a 375px.

Snapvisor saca a la superficie estos problemas como diferencias de capturas de pantalla revisables en lugar de dejar que lleguen a producción.

Inicio rápido

Snapvisor utiliza los SDK de código abierto @snapvisor (forks listos para usar de los SDK de @argos-ci) para capturar capturas de pantalla y subirlas para comparación. Sigue estos pasos para crear tu primer build.

1. Crea un proyecto y obtén tu token

Inicia sesión en la aplicación Snapvisor, crea un proyecto y copia su ARGOS_TOKEN desde la configuración del proyecto. Este token autentica las subidas para ese proyecto específico.

export ARGOS_TOKEN="<your project token>"

2. Instala un SDK

Instala el CLI, además del adaptador para tu ejecutor de pruebas. Snapvisor tiene SDK oficiales para Playwright, Cypress, Puppeteer, Storybook y un núcleo independiente del framework.

npm install --save-dev @snapvisor/cli
npm install --save-dev @snapvisor/playwright

3. Captura y sube en CI

Ejecuta tus pruebas para que escriban capturas de pantalla en una carpeta y luego sube esa carpeta. En un pull request, Snapvisor compara la subida contra la línea base de la rama y publica una verificación de estado con un enlace para revisar.

# after your tests have written screenshots to ./screenshots
npx @snapvisor/cli upload ./screenshots

Cómo funciona

  1. Captura — tu CI sube capturas de pantalla de las historias de Storybook, especificaciones de Playwright o Cypress que ya ejecutas.
  2. Comparación — cada captura de pantalla se compara contra una línea base elegible con un motor perceptual que reduce el ruido de anti-aliasing y renderizado.
  3. Revisión — los cambios llegan como una verificación de estado en tu pull request. Aprueba los intencionados, rechaza las regresiones. Los builds aprobados se convierten en líneas base elegibles para comparaciones posteriores.

Próximos pasos

Primeros pasos

Crea un proyecto, instala un SDK y sube tu primer build.

Builds de línea base

Cómo se resuelven el build de referencia y la rama base.

Flujo de revisión

Líneas base, aprobaciones, modo de monitoreo, manejo de cambios inestables y verificaciones de resumen.

Integración con CI

Verificaciones de estado de GitHub y GitLab, autenticación sin token y pruebas paralelas.

SDKs

Paquetes oficiales de JavaScript y un SDK y CLI de Python.

Servidor MCP

Permite que Claude Code, Cursor o cualquier cliente MCP lea diferencias y apruebe cambios.

Tokens de acceso

Tokens de proyecto para CI, tokens de acceso personal para la API y MCP.

Referencia de API

Una API REST versionada descrita por una especificación OpenAPI.

Soporte

Contacta al equipo si te quedas atascado.

De un vistazo

  • Comparación perceptual de píxeles con detección de anti-aliasing y umbrales ajustables
  • Flujo de revisión de aprobar/rechazar con líneas base por rama
  • Verificaciones de estado de pull requests en GitHub y GitLab
  • Pruebas paralelas: divide suites grandes entre máquinas y revísalas como un solo build
  • Notificaciones por Slack y correo electrónico
  • Un servidor MCP remoto para que los agentes de IA puedan revisar tu interfaz de usuario
  • Construido sobre un núcleo de código abierto inspeccionable; contacta al soporte para acceso de autoalojamiento

[

Primeros pasos

Crea un proyecto de Snapvisor, configura tu token de proyecto, captura capturas de pantalla de tu suite de pruebas existente y sube tu primer build.

](https://snapvisor.io/docs/getting-started)