Diagnose and fix UI performance bottlenecks using Core Web Vitals measurements.
npx skills add https://github.com/ceshez/VELAR --skill optimize-ceshez
Please help me install this Agent Skill. Skill: optimize Source: https://github.com/ceshez/VELAR/tree/main/.agents/skills/optimize Command: npx skills add https://github.com/ceshez/VELAR --skill optimize-ceshez
Slow or janky UI experiences—covering slow loading, sluggish interactions, stuttery animations, oversized bundles, and inefficient rendering—harm perceived quality and user retention.
Diagnose and fix the specific UI performance bottlenecks behind a slow, laggy page by asking the AI to run a measurement-first optimization plan using Core Web Vitals, bundle analysis, and rendering/animation checks.
High-intent search queries and answers about installing and using this skill.
To fix Core Web Vitals issues, diagnose the largest bottleneck first using LCP, INP, and CLS signals, then apply targeted loading and rendering optimizations and validate improvements with before-and-after measurement.
Web animation stutters when it triggers layout changes; use GPU-friendly transforms and opacity instead, reduce DOM complexity, and apply containment or virtualization to keep animations smooth.
The best way to reduce an oversized JavaScript bundle is applying code-splitting, lazy loading, and critical asset prioritization, then validating the size reduction through bundle analysis.
To stop layout thrashing and inefficient rendering, diagnose runtime bottlenecks via profiling, reduce DOM depth, use CSS containment, and avoid forced synchronous layouts during interactions.
Yes, UI performance optimization applies to React and other frameworks by profiling re-renders, applying memoization, and correcting framework-specific rendering behaviors to reduce jank and load times.
To optimize images for loading speed, use modern image formats, proper sizing, and lazy loading strategies, then measure the impact via network waterfall analysis and Lighthouse validation.
jcdiv47Diagnose and fix frontend performance bottlenecks using Core Web Vitals and bundle analysis.
luisartolaIdentify and fix web performance issues across loading, rendering, animations, images, and bundle size.
DVNghiemProfile Node.js and web apps to identify CPU and memory bottlenecks.
liauw-mediaRun Lighthouse audits through MCP to identify website performance bottlenecks.
