optimize

Analyze Core Web Vitals and runtime performance to identify UI bottlenecks.

Updated Aug 27, 2026

Search Tags:#performance #web vitals #optimization #bundle size #rendering #animations #loading speed

Ready to run

npx skills add https://github.com/jimmy706/slide-forge --skill optimize-jimmy706

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/jimmy706/slide-forge/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/jimmy706/slide-forge --skill optimize-jimmy706

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Core Features & Use Cases

Performance Auditing: Identifies bottlenecks in loading, rendering, and animations.
Optimization Strategies: Provides actionable steps for image compression, code splitting, CSS optimization, and GPU-accelerated animations.
Use Case: A web application is experiencing slow initial load times and choppy scrolling on mobile devices. This Skill can analyze the performance metrics, suggest optimizing image formats and sizes, implementing code splitting for JavaScript, and ensuring animations are GPU-accelerated to create a smoother, faster experience.

Quick Start

Use the optimize skill to improve the loading speed of the main dashboard page.

Frequently Asked Questions about optimize

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

FAQPage Schema

How do I fix slow loading times and reduce bundle size in my web application?▼

To fix slow loading times and reduce bundle size, analyze Core Web Vitals and runtime performance to identify bottlenecks, then apply systematic strategies like image compression and JavaScript code splitting.

What is the best way to optimize Core Web Vitals for mobile devices?▼

Optimizing Core Web Vitals for mobile requires analyzing load times and runtime performance to pinpoint bottlenecks, then implementing image format optimization, network efficiency improvements, and GPU-accelerated animations.

How do I stop janky scrolling and animations in my React application?▼

To stop janky scrolling and animations in React, identify rendering bottlenecks through performance auditing and apply React-specific optimizations alongside GPU-accelerated animations to ensure smoother runtime performance.

How do I optimize network requests for slow internet connections?▼

Optimizing network requests for slow connections involves analyzing network efficiency bottlenecks and applying systematic strategies to reduce payload sizes and streamline data fetching for degraded networks.

What steps should I take to audit and improve interface performance?▼

Auditing interface performance involves analyzing load times, bundle sizes, and Core Web Vitals to identify bottlenecks, followed by executing optimization strategies for images, JavaScript, CSS, and fonts, then verifying the results.