Diagnose and fix UI performance issues across loading, rendering, animations, images, and bundle size.
npx skills add https://github.com/derekr/athr --skill optimize-derekr
Please help me install this Agent Skill. Skill: optimize Source: https://github.com/derekr/athr/tree/main/.claude/skills/optimize Command: npx skills add https://github.com/derekr/athr --skill optimize-derekr
Diagnoses and fixes UI performance issues across loading speed, rendering, animations, images, and bundle size. This helps teams deliver faster, smoother experiences for users across devices.
Run a lightweight audit to identify top bottlenecks and apply targeted optimizations to improve perceived performance.
High-intent search queries and answers about installing and using this skill.
Fix UI performance issues by systematically measuring Core Web Vitals like LCP, FID/INP, and CLS to identify bottlenecks, then applying targeted optimizations to images, JavaScript, CSS, and rendering strategies for faster, smoother web app experiences.
Core Web Vitals like LCP, FID/INP, and CLS are metrics that measure loading speed, interactivity, and visual stability. You need to measure them for your SPA when users encounter slow, laggy interfaces to identify specific performance bottlenecks.
The best way to reduce JavaScript bundle size for faster loading is through measurement-first optimization, assessing bundle sizes to identify top bottlenecks, and applying targeted improvements to code paths and assets to boost perceived performance.
Yes, you can optimize rendering and animations for dashboards and e-commerce sites. The approach targets rendering strategies and animations to reduce laggy interfaces, ensuring smoother interactions and reduced layout shifts for content-heavy sites.
Your web app has high layout shifts and laggy interactions due to unoptimized UI performance. Measuring Core Web Vitals like CLS and INP identifies the specific bottlenecks in images, CSS, and JavaScript causing the poor experience.
Yes, this approach works for optimizing images and fonts in content sites. It applies targeted improvements to image and font assets, boosting perceived performance and achieving faster initial load times for content-focused web applications.
PingMe-NetworkMeasure Core Web Vitals and implement front-end performance optimizations.
NweremizuDiagnose UI performance bottlenecks in web applications and React interfaces.
YouneslahlaliAnalyze web performance metrics and implement optimization strategies for Core Web Vitals.
joshtolDiagnose performance bottlenecks in emotive-mascot animations across devices.
