before-and-after

作者： vercel

跨兩個網址或圖片的網頁或元素視覺比對。可於桌面、行動裝置（375x812）或平板（768x1024）視口擷取螢幕截圖，支援可選的整頁滾動。支援CSS選擇器以隔離特定元素，並接受file://、http://、https://網址或本地圖片路徑。生成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 評估場景，而非本機 WezTerm 面板。佈建搭載 Claude Code 與預裝外掛的臨時微型虛擬機器…

emil-design-eng

此技能編碼了 Emil Kowalski 關於 UI 打磨、元件設計、動畫決策，以及那些讓軟體體驗出色的隱形細節的設計哲學。

vercel-react-best-practices

來自 Vercel Engineering 的 React 與 Next.js 效能優化指南。在撰寫、審查或重構 React/Next.js… 時應使用此技能。

vercel-react-best-practices

來自 Vercel Engineering 的 React 與 Next.js 效能優化指南。在撰寫、審查或重構 React/Next.js… 時應使用此技能。

產出一份技術指南，透過漸進式範例教導真實世界的使用案例。概念僅在讀者需要時才引入。

發佈 vercel-plugin — 執行閘門、提升版本、生成產物、提交並推送。當被要求「發佈」、「出貨」、「提升並推送」或「切一個發佈」時使用。

針對 dev3000 的 Vercel 專案簽出執行 DeepSec。用於一鍵 DeepSec 設定、專案上下文引導啟動、有限制的初次處理，以及…

將已合併的 Next.js 拉取請求從 canary 回溯移植到先前的發行分支，例如 next-16-2。當使用者要求回溯移植、揀選提交或開啟…時使用。