before-and-after

Comparação visual de páginas web ou elementos entre duas URLs ou imagens. Captura screenshots em viewports de desktop, mobile (375x812) ou tablet (768x1024), com rolagem opcional de página completa. Suporta seletores CSS para isolar elementos específicos e aceita URLs file://, http://, https:// ou caminhos de imagens locais. Gera saída formatada em markdown com upload automático de imagens para 0x0.st (ou GitHub Gist) para fácil integração com PRs. Inclui detecção de proteção de implantação Vercel e integração com GitHub CLI...

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

Baixar ZIP GitHub

Mais skills de vercel

benchmark-sandbox

Executa cenários de avaliação do vercel-plugin em Vercel Sandboxes em vez de painéis locais do WezTerm. Provisiona microVMs efêmeras com Claude Code + plugin pré-instalado,…

emil-design-eng

Esta habilidade codifica a filosofia de Emil Kowalski sobre polimento de UI, design de componentes, decisões de animação e os detalhes invisíveis que fazem o software parecer ótimo.

vercel-react-best-practices

Diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering. Esta habilidade deve ser usada ao escrever, revisar ou refatorar React/Next.js…

vercel-react-best-practices

Diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering. Esta skill deve ser usada ao escrever, revisar ou refatorar React/Next.js…

Produza um guia técnico que ensine um caso de uso do mundo real por meio de exemplos progressivos. Os

Liberar vercel-plugin — executar gates, incrementar versão, gerar artefatos, commitar e fazer push. Use quando solicitado a "liberar", "enviar", "incrementar e fazer push" ou "cortar uma liberação".

Execute o DeepSec em um checkout de projeto Vercel do dev3000. Use para configuração DeepSec com um clique, inicialização de contexto do projeto, processamento limitado de primeira passagem e…

Fazer backport de um pull request do Next.js já mesclado, do canary para uma branch de release anterior, como next-16-2. Use quando o usuário pedir para fazer backport, cherry-pick ou abrir um…