before-and-after

Visueller Vergleich von Webseiten oder Elementen über zwei URLs oder Bilder hinweg. Erfasst Screenshots in Desktop-, Mobil- (375x812) oder Tablet-Viewports (768x1024), mit optionalem vollständigem Seiten-Scrolling. Unterstützt CSS-Selektoren zur Isolierung bestimmter Elemente und akzeptiert file://, http://, https:// URLs oder lokale Bildpfade. Erzeugt Markdown-formatierten Output mit automatischem Bild-Upload zu 0x0.st (oder GitHub Gist) für einfache PR-Integration. Enthält Erkennung von Vercel-Deployment-Schutz und GitHub CLI-Integration...

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

ZIP herunterladen GitHub

Mehr Skills von vercel

benchmark-sandbox

Führt vercel-plugin-eval-Szenarien in Vercel Sandboxes aus, anstatt in lokalen WezTerm-Panels. Stellt temporäre Mikro-VMs mit vorinstalliertem Claude Code + Plugin bereit,…

emil-design-eng

Diese Fertigkeit kodiert Emil Kowalskis Philosophie zu UI-Verfeinerung, Komponentendesign, Animationsentscheidungen und den unsichtbaren Details, die Software großartig wirken lassen.

vercel-react-best-practices

Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorisieren von React/Next.js…

vercel-react-best-practices

Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorisieren von React/Next.js…

Erstelle eine technische Anleitung, die einen realen Anwendungsfall durch progressive Beispiele vermittelt. Konzepte werden nur dann eingeführt, wenn der Leser sie benötigt.

Vercel-Plugin veröffentlichen — Gates ausführen, Version erhöhen, Artefakte generieren, committen und pushen. Verwenden, wenn aufgefordert, „zu veröffentlichen“, „auszuliefern“, „Version zu erhöhen und zu pushen“ oder „ein Release zu erstellen“.

Führen Sie DeepSec gegen einen Vercel-Projekt-Checkout von dev3000 aus. Verwenden Sie für die Ein-Klick-DeepSec-Einrichtung, das Bootstrapping des Projektkontexts, die begrenzte Erstverarbeitung und…

Backportiere einen gemergten Next.js Pull-Request von canary auf einen früheren Release-Branch wie next-16-2. Verwende, wenn der Benutzer darum bittet, einen Backport, Cherry-Pick oder das Öffnen eines…