Diagnose and fix UI performance bottlenecks in web and app interfaces.
npx skills add https://github.com/yinshucheng/vibeflow --skill optimize-yinshucheng
Please help me install this Agent Skill. Skill: optimize Source: https://github.com/yinshucheng/vibeflow/tree/main/.claude/skills/optimize Command: npx skills add https://github.com/yinshucheng/vibeflow --skill optimize-yinshucheng
Diagnoses and fixes UI performance issues across loading speed, rendering, animations, images, and bundle size to deliver faster, smoother experiences.
Run the optimize task to diagnose UI performance bottlenecks and apply targeted improvements for faster, smoother experiences.
High-intent search queries and answers about installing and using this skill.
To diagnose UI performance bottlenecks, measure Core Web Vitals, load times, and frame rates to pinpoint rendering or loading issues. This assessment identifies visual stability and resource usage problems, enabling targeted optimizations like code-splitting and lazy loading for faster apps.
The best way to reduce bundle size is applying code-splitting and lazy loading strategies during the optimization phase. This targeted implementation divides your code into smaller chunks, significantly decreasing initial resource usage and improving overall loading speed.
Janky interactions and slow rendering occur due to UI performance bottlenecks in animation or rendering pipelines. Measuring render performance and memory usage helps identify these issues, allowing you to apply CSS optimization and animation improvements for smoother experiences.
Fix slow loading screens by measuring load times and applying image optimization strategies. This targeted optimization reduces resource usage across typical app screens, directly addressing loading bottlenecks and ensuring faster, smoother user experiences.
Yes, you can measure frame rates and visual stability without specific dependencies. The diagnosis process requires measurable evaluation of Core Web Vitals and rendering performance to identify bottlenecks and provide a prioritized plan of fixes.
DanialHaseebDiagnose and fix UI performance issues across loading, rendering, animations, images, and bundle size.
VanhPokerDiagnose and eliminate React render bottlenecks, oversized bundles, and memory leaks.
jvm-skillsIdentify and fix web performance bottlenecks in single-page and multi-page sites.
sncollectiveDetect performance issues in SNC codebase queries, layout, loading, and bundles.
