Bundle Size

benchmark 技能可協助偵測網站與應用程式工作流程中的效能退化。你可以用它建立基準值、比較變更前後差異，並追蹤某個 PR 是否讓頁面變慢、變重，或穩定性下降。這是一份實用的 benchmark 指南，適用於效能最佳化、Core Web Vitals、Lighthouse 檢查、bundle 大小，以及載入時間趨勢分析。

optimize skill 可診斷並修正 UI 效能問題，涵蓋載入速度、渲染、動畫、圖片與 bundle 大小。當你需要一份結構化的 optimize 效能最佳化指南，針對緩慢、卡頓或不流暢的網頁體驗，以「先量測」為原則進行排查時，就適合使用它。

vercel-react-best-practices 是由 Vercel Engineering 提供、聚焦效能的 React 與 Next.js 實作指南。當你在重構元件、路由或資料擷取時，使用 vercel-react-best-practices skill，可幫助你減少 waterfall、縮小 bundle、改善渲染，並更快交付前端程式碼。