before-and-after

作者： vercel

对两个URL或图片中的网页或元素进行视觉对比。在桌面端、移动端（375x812）或平板端（768x1024）视口下截取屏幕截图，支持可选的全页滚动。支持CSS选择器以隔离特定元素，接受file://、http://、https://格式的URL或本地图片路径。生成Markdown格式的输出，自动将图片上传至0x0.st（或GitHub Gist），便于PR集成。包含Vercel部署保护检测和GitHub CLI集成...

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

下载 ZIP GitHub

来自 vercel 的更多技能

benchmark-sandbox

在 Vercel Sandbox 中运行 vercel-plugin eval 场景，而非本地 WezTerm 面板。预置了包含 Claude Code 及预装插件的临时微型虚拟机…

emil-design-eng

该技能编码了Emil Kowalski关于UI打磨、组件设计、动画决策以及那些让软件体验出色的隐形细节的设计哲学。

vercel-react-best-practices

来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js… 时应使用此技能。

vercel-react-best-practices

来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js… 时应使用此技能。

编写一份技术指南，通过循序渐进的示例教授一个实际应用场景。仅在读者需要时才引入相关概念。

发布 vercel-plugin — 运行门控、升级版本、生成构建产物、提交并推送。当被要求“发布”、“交付”、“升级并推送”或“切一个发布版本”时使用。

对来自dev3000的Vercel项目签出运行DeepSec。用于一键式DeepSec设置、项目上下文引导、受限的首次处理以及…

将已合并的Next.js拉取请求从canary分支回溯到之前的发布分支，例如next-16-2。当用户要求回溯、cherry-pick或打开…时使用。