작성자 garrytan
benchmark 스킬은 웹 및 앱 워크플로에서 성능 저하를 감지하는 데 도움이 됩니다. 기준선을 설정하고, 변경 전후를 비교하며, PR로 인해 페이지가 더 느려졌는지, 더 무거워졌는지, 또는 안정성이 떨어졌는지 추적하는 데 활용하세요. 성능 최적화, Core Web Vitals, Lighthouse 점검, 번들 크기, 로드 시간 추세를 살펴보는 실용적인 벤치마크 가이드입니다.
작성자 pbakaus
optimize 스킬은 로딩 속도, 렌더링, 애니메이션, 이미지, 번들 크기 전반의 UI 성능 문제를 진단하고 개선합니다. 느리거나 버벅이거나 끊기는 웹 경험을 측정부터 체계적으로 점검해야 할 때, 성능 최적화를 위한 구조화된 optimize 가이드로 활용하기 좋습니다.
작성자 Charlie85270
vercel-react-best-practices는 Vercel Engineering이 만든 React 및 Next.js 성능 중심 가이드입니다. 컴포넌트, 라우트, 데이터 패칭을 리팩터링해 워터폴을 줄이고, 번들 크기를 줄이며, 렌더링을 개선하고, 프런트엔드 코드를 더 빠르게 배포할 때 이 vercel-react-best-practices 스킬을 사용하세요.
