Diagnose and fix UI performance issues in React and Next.js applications.
npx skills add https://github.com/OmOc3/physica --skill optimize-omoc3
Please help me install this Agent Skill. Skill: optimize Source: https://github.com/OmOc3/physica/tree/main/.codex/skills/optimize Command: npx skills add https://github.com/OmOc3/physica --skill optimize-omoc3
Diagnoses and fixes front-end UI performance problems that cause slow loads, janky rendering, poor animation smoothness, oversized bundles, and high resource use so users experience faster, more responsive interfaces.
Analyze the application's performance traces, list the top three measurable bottlenecks with evidence, and recommend prioritized, implementable fixes with estimated impact.
High-intent search queries and answers about installing and using this skill.
Diagnose slow initial load and rendering issues by collecting Core Web Vitals, Lighthouse scores, and DevTools traces to pinpoint LCP, INP, CLS, and long tasks causing UI jank. This process identifies the top costly assets and bottlenecks requiring fixes.
The best way to reduce JavaScript bundle size and improve LCP on mobile is by applying code-splitting, optimizing image formats and sizing, and improving font loading strategies. These targeted optimizations minimize expensive assets and speed up rendering.
Fix layout thrashing and janky animations by implementing rendering and animation changes that reduce paint and layout thrashing. Analyzing runtime metrics and DevTools traces isolates the specific layout shifts and long tasks degrading animation smoothness.
Yes, you need Lighthouse and DevTools traces to audit front-end UI performance because they provide the required metrics to pinpoint LCP, INP, CLS, and TTI. Source and build artifacts are also necessary to run bundle analysis and profiling tools.
Yes, you can use this approach for production performance regressions and optimization sprints. It diagnoses high resource use and poor animation smoothness, delivering prioritized and reversible changes to fix loading and rendering regressions.
adityaarsharmaAutomate Core Web Vitals audits for WordPress plugins using Lighthouse.
1toeDiagnose and fix UI performance issues with measurable before/after validation.
fratilanicoProfile and optimize React/Next.js web apps to improve Core Web Vitals.
eric-sabeAutomate browser interactions and inspect live web pages via Chrome DevTools.
