Diagnose and fix frontend UI performance issues in React, Vue, and vanilla JavaScript.
npx skills add https://github.com/shuretokki/void --skill optimize-shuretokki
Please help me install this Agent Skill. Skill: optimize Source: https://github.com/shuretokki/void/tree/main/.agents/skills/optimize Command: npx skills add https://github.com/shuretokki/void --skill optimize-shuretokki
Identify and fix frontend performance issues that cause slow loading, janky rendering, poor animation smoothness, and oversized bundles to deliver faster, smoother user experiences.
Run a Lighthouse audit, identify the top three bottlenecks (LCP, JavaScript execution, or CLS), and apply targeted fixes like image optimization, code-splitting, and dimensioned media placeholders.
High-intent search queries and answers about installing and using this skill.
Reduce React bundle size and improve loading speed through code-splitting, lazy loading, and memoization. Optimize images, fonts, and caching strategies while verifying improvements with bundle analyzers to significantly lower initial payloads and execution times.
Fix layout thrashing and improve animation frame rates by minimizing DOM complexity and using GPU-accelerated transforms. Sustain high frame rates by virtualizing long lists and reducing unnecessary recalculations during the rendering cycle.
Yes, this frontend optimization approach works with Vue, vanilla JavaScript, and React. It provides actionable framework-specific guidance for memoization, lazy loading, and profiling while addressing general web performance metrics like Core Web Vitals across any front-end project.
Verify Core Web Vitals improvements and prevent performance regressions by using Lighthouse, WebPageTest, and Real User Monitoring (RUM). Validate before and after changes to ensure sustained gains in loading, rendering, and overall UI performance metrics.
A high Cumulative Layout Shift and large JavaScript payload stem from unoptimized assets and monolithic bundles. Resolve these frontend performance issues by applying dimensioned media placeholders, image optimization, and targeted code-splitting to reduce payload size.
R2W1csRun Lighthouse audits to analyze web app performance and core web vitals.
nangyak4415-sudoIdentify and fix web performance issues in frontend applications.
tech-leads-clubAudit Core Web Vitals and implement image, caching, and code-splitting fixes.
softwarebyzeProfile React Native Hermes apps to measure re-render behavior and CPU performance.
