Vercel before-and-after：网页前后对比截图工具，一键生成PR对比图
before-and-after by vercel-labs/before-and-after
安装命令
npx skills add https://github.com/vercel-labs/before-and-after --skill before-and-after🇨🇳中文介绍
前后对比截图技能
包名：
@vercel/before-and-after切勿使用before-and-after（错误的包名）。
智能体行为规则
禁止操作：
- 切换 git 分支、暂存更改、启动开发服务器或假设“之前”的状态是什么
- 使用
--full参数，除非用户明确要求全页/全滚动截图
必须操作：
- 当用户需要 PR 集成或 Markdown 输出时，使用
--markdown参数 - 如果用户提到手机、移动端、平板、响应式等，使用
--mobile/--tablet参数 - 假设当前状态为 之后
- 如果用户只提供了一个 URL 或只说“PR 截图”而未提供 URL，必须询问：“我应该使用哪个 URL 作为‘之前’状态？（生产环境 URL、预览部署或另一个本地端口）”
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
