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

Essayer cette compétenceSponsorisé

Plus de skills de vercel

API REST Vercel émulée pour le développement et les tests locaux. À utiliser lorsque l’utilisateur doit interagir localement avec les points d’accès de l’API Vercel, tester les intégrations Vercel,…

Configuration des Cron Jobs Vercel et bonnes pratiques. À utiliser lors de l'ajout, de la modification ou du débogage de tâches planifiées dans vercel.json.

Utilitaires de génération de code pour json-render. À utiliser lors de la génération de code à partir de spécifications d'interface utilisateur, de la création d'exportateurs de code personnalisés, du parcours de spécifications ou de la sérialisation de propriétés pour…

next-best-practice

Pratiques recommandées Next.js - conventions de fichiers, limites RSC, modèles de données, API asynchrones, métadonnées, gestion des erreurs, gestionnaires de routes, optimisation des images/polices,…

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é,…

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.

benchmark-testing

Créer et lancer des projets de test de benchmark pour exercer l'injection de compétences vercel-plugin dans des scénarios réalistes. Configure des répertoires isolés, installe le…

Expert en passerelle IA Vercel. À utiliser lors de la configuration du routage de modèles, du basculement de fournisseur, du suivi des coûts ou de la gestion de plusieurs fournisseurs d'IA via une interface unifiée…