optimize

Audit web performance and address Core Web Vitals bottlenecks.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Akenzz/Breaking-Bug --skill optimize-akenzz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/Akenzz/Breaking-Bug/tree/main/frontend/app/.cursor/skills/optimize
Command: npx skills add https://github.com/Akenzz/Breaking-Bug --skill optimize-akenzz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses slow loading times, janky animations, and large bundle sizes that degrade user experience and impact conversion rates on web applications.

Core Features & Use Cases

  • Performance Auditing: Identifies bottlenecks in loading, rendering, and animation.
  • Optimization Strategies: Provides actionable steps for image, JavaScript, CSS, and font optimization.
  • Core Web Vitals Improvement: Focuses on enhancing LCP, FID/INP, and CLS scores.
  • Use Case: A user can ask this Skill to analyze their e-commerce site's performance and receive a prioritized list of optimizations to make product pages load faster and improve user engagement.

Quick Start

Analyze the current performance of the website and suggest improvements for faster loading.

Frequently Asked Questions about optimize

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve my website's Core Web Vitals scores for LCP and CLS?

Improve Core Web Vitals scores by systematically identifying and fixing frontend performance bottlenecks. This process targets loading speed, rendering, and layout shifts to enhance LCP, FID/INP, and CLS metrics for better user experiences.

What is the best way to fix janky animations and slow loading speed on my web app?

Fix janky animations and slow loading speed by conducting a performance audit to identify rendering and loading bottlenecks. Apply targeted frontend optimization strategies to images, JavaScript, CSS, and fonts to restore smooth interface interactions.

How do I reduce large JavaScript bundle size affecting my web performance?

Reduce large JavaScript bundle size by applying targeted optimization strategies to your frontend codebase. Systematically analyzing network efficiency and bundle components allows you to identify and eliminate unnecessary code degrading loading speed.

Can I audit my e-commerce site's frontend performance to increase conversion rates?

Audit your e-commerce site's frontend performance to systematically identify bottlenecks impacting user engagement and conversion rates. Receive a prioritized list of optimizations for images and code to make product pages load faster.

Why does my web interface experience slow rendering and layout shifts?

Slow rendering and layout shifts occur due to unoptimized frontend assets and inefficient rendering logic. Systematically auditing loading speed, animations, and Core Web Vitals identifies the specific bottlenecks causing poor interface performance.

Does frontend optimization require specific tools to address network efficiency?

Frontend optimization utilizes various techniques and tools to address network efficiency and bundle size. No specific external dependencies are required to begin systematically identifying and fixing performance bottlenecks within your web application.