before-and-after

Comparación visual de páginas web o elementos entre dos URLs o imágenes. Captura capturas de pantalla en viewports de escritorio, móvil (375x812) o tableta (768x1024), con desplazamiento de página completa opcional. Admite selectores CSS para aislar elementos específicos, y acepta URLs file://, http://, https:// o rutas de imágenes locales. Genera resultados en formato markdown con carga automática de imágenes a 0x0.st (o GitHub Gist) para una fácil integración con PR. Incluye detección de protección de despliegue de Vercel e integración con GitHub CLI...

npx skills add https://github.com/vercel-labs/before-and-after --skill before-and-after

Descargar ZIP GitHub

Más skills de vercel

benchmark-sandbox

Ejecuta escenarios de evaluación de vercel-plugin en Vercel Sandboxes en lugar de paneles locales de WezTerm. Aprovisiona microVMs efímeras con Claude Code y el plugin preinstalado,…

emil-design-eng

Esta habilidad codifica la filosofía de Emil Kowalski sobre el pulido de la interfaz de usuario, el diseño de componentes, las decisiones de animación y los detalles invisibles que hacen que el software se sienta genial.

vercel-react-best-practices

Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…

vercel-react-best-practices

Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…

Producir una guía técnica que enseñe un caso de uso del mundo real mediante ejemplos progresivos. Los conceptos se introducen solo cuando el lector los necesita.

Liberar vercel-plugin — ejecutar gates, aumentar versión, generar artefactos, commit y push. Usar cuando se pida "release", "ship", "bump and push" o "cut a release".

Ejecutar DeepSec contra un checkout de proyecto de Vercel desde dev3000. Usar para configuración de DeepSec con un clic, arranque de contexto de proyecto, procesamiento limitado de primera pasada y…

Hacer backport de un pull request fusionado de Next.js desde canary a una rama de versión anterior, como next-16-2. Usar cuando el usuario solicite hacer backport, cherry-pick o abrir un…