Bundle Size

benchmark 技能可帮助发现 Web 和 App 工作流中的性能回退。可用它建立基线，对比改动前后，并跟踪某个 PR 是否让页面更慢、更重或更不稳定。它是一份面向性能优化的实用 benchmark 指南，覆盖 Core Web Vitals、Lighthouse 检查、bundle 大小和加载时间趋势。

optimize 技能用于诊断并修复 UI 性能问题，涵盖加载速度、渲染、动画、图片和包体积。适合在你需要一份结构化的 optimize 指南时使用，尤其是面对加载慢、卡顿、掉帧或观感不顺滑的网页体验时，可采用先测量、后排查的方式进行性能优化。

vercel-react-best-practices 是由 Vercel Engineering 提供的、面向 React 和 Next.js 的性能优先指南。在重构组件、路由或数据获取时使用 vercel-react-best-practices 技能，可减少 waterfall、缩小 bundle、提升渲染效果，并更快交付前端代码。