Diagnose and fix UI performance issues using core web vitals metrics.
npx skills add https://github.com/42team-ru/mpit-final --skill optimize-42team-ru
Please help me install this Agent Skill. Skill: optimize Source: https://github.com/42team-ru/mpit-final/tree/main/frontend/.claude/skills/optimize Command: npx skills add https://github.com/42team-ru/mpit-final --skill optimize-42team-ru
Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky performance, large bundle sizes, long load times, or a desire for a faster, smoother experience.
Run a quick UI performance audit and apply prioritized fixes to improve responsiveness.
High-intent search queries and answers about installing and using this skill.
To fix slow initial load times and janky React interactions, you need a structured performance optimization plan that measures core web vitals like LCP and INP, reduces render-blocking JavaScript, and verifies before and after improvements.
The best way to reduce a large frontend bundle size is to diagnose UI performance metrics and apply targeted optimizations that minimize render-blocking scripts, streamline loading processes, and verify the reduced bundle size iteratively.
Measuring core web vitals like LCP, FID, INP, and CLS improves frontend performance by quantifying loading speed, interactivity, and visual stability, which guides iterative fixes for render-blocking resources and layout shifts.
Yes, you can optimize web animations and images for smoother UX by assessing runtime performance metrics and applying targeted fixes to streamline animations, layout rendering, and image loading within your frontend application.
Your UI might feel laggy despite a small bundle size due to runtime performance issues like layout thrashing or unoptimized animations, requiring a diagnostic assessment of rendering metrics and core web vitals beyond just load times.
Yes, measuring network metrics is required alongside core web vitals and load times to accurately diagnose slow page load speed, as it helps identify bottlenecks in resource delivery and render-blocking assets.
pascallammersOptimize application performance through code splitting, lazy loading, and caching strategies.
yeshan333Analyze Core Web Vitals and optimize loading, rendering, animations, and bundle size.
Icebane84Optimize React and Next.js performance by addressing waterfalls, bundle size, and re-renders.
HollowvynGenerate complete HTML on the server for React applications.
