before-and-after

Comparaison visuelle de pages web ou d'éléments entre deux URL ou images. Capture des captures d'écran aux formats desktop, mobile (375x812) ou tablette (768x1024), avec défilement intégral en option. Prend en charge les sélecteurs CSS pour isoler des éléments spécifiques, et accepte les URL file://, http://, https:// ou les chemins d'images locales. Génère une sortie formatée en Markdown avec téléchargement automatique des images vers 0x0.st (ou GitHub Gist) pour une intégration facile dans les PR. Inclut la détection de la protection de déploiement Vercel et l'intégration de l'interface en ligne de commande GitHub...

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

Télécharger ZIP GitHub

Plus de skills de vercel

benchmark-sandbox

Exécute les scénarios d'évaluation de vercel-plugin dans des sandbox Vercel au lieu de panneaux WezTerm locaux. Provisionne des microVM éphémères avec Claude Code et le plugin préinstallé,…

emil-design-eng

Cette compétence encode la philosophie d'Emil Kowalski sur le polissage UI, la conception de composants, les décisions d'animation et les détails invisibles qui rendent un logiciel agréable.

vercel-react-best-practices

Directives d'optimisation des performances React et Next.js de l'équipe Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou du refactoring de code React/Next.js…

vercel-react-best-practices

Directives d'optimisation des performances React et Next.js de Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou du refactoring de code React/Next.js…

Produire un guide technique qui enseigne un cas d'usage concret à travers des exemples progressifs. Les concepts ne sont introduits que lorsque le lecteur en a besoin.

Release vercel-plugin — exécuter les gates, incrémenter la version, générer les artefacts, commiter et pousser. Utiliser lorsqu'on demande de "release", "ship", "bump and push" ou "cut a release".

Exécuter DeepSec sur un checkout de projet Vercel depuis dev3000. Utiliser pour la configuration DeepSec en un clic, l’amorçage du contexte du projet, le traitement limité de premier passage, et…

Effectuer un backport d'une pull request Next.js fusionnée depuis canary vers une branche de version précédente telle que next-16-2. Utiliser lorsque l'utilisateur demande de faire un backport, un cherry-pick ou d'ouvrir un…