skills.rest
Pacha-e
Pacha-eCOMMUNITY
Explore all skills by this author →
GitHub

optimize

Diagnose and fix web application UI performance issues using Core Web Vitals.

Updated Aug 23, 2026
Search Tags:#performance#optimization#web-vitals#bundle-size#lcp#cls#fid
One-click install
npx skills add https://github.com/Pacha-e/claude-ALL-IN-SETUP --skill optimize-pacha-e
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/Pacha-e/claude-ALL-IN-SETUP/tree/main/skills/optimize
Command: npx skills add https://github.com/Pacha-e/claude-ALL-IN-SETUP --skill optimize-pacha-e

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify and fix performance issues to create faster, smoother user experiences.

Core Features & Use Cases

  • Assess performance metrics (LCP, FID, CLS), load times, and bundle sizes.
  • Propose and implement optimization strategies for images, JavaScript, CSS, and runtime performance.
  • Use Case: A slow web app with laggy interactions can be accelerated by targeted measurements and fixes.

Quick Start

Run a full performance audit on your UI and start implementing the most impactful optimizations.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I fix slow web app load times and improve Core Web Vitals?▼

To reduce JavaScript bundle size, you must assess bundle composition and apply optimization strategies for scripts and assets. This process analyzes load-time bottlenecks, enabling concrete code-splitting and minification tactics that accelerate web application runtime performance.

What is causing layout shift and jank in my web application?▼

Layout shift and jank in web applications are caused by poor rendering performance and unstable visual elements. Measuring Cumulative Layout Shift (CLS) metrics identifies these rendering issues, allowing you to implement concrete UI optimization fixes for smoother interactions.

How do I run a full performance audit on my UI?▼

To run a full performance audit on your UI, you measure Core Web Vitals, analyze load times, and assess bundle sizes. This audit identifies slow load times, jank, and poor runtime performance, providing concrete optimization strategies to accelerate the application.

Can I optimize runtime performance for laggy web app interactions?▼

You can optimize runtime performance for laggy web app interactions by measuring First Input Delay (FID) and analyzing rendering bottlenecks. This assessment targets interaction delays, allowing you to implement targeted JavaScript and CSS optimization tactics for faster responsiveness.

What is the best way to diagnose poor UI rendering performance?▼

The best way to diagnose poor UI rendering performance is to measure Core Web Vitals across loading, rendering, and interaction phases. This comprehensive assessment identifies the root causes of jank and slow load times, guiding concrete optimization strategies.

Related Skills

Explore More Software Engineering Skills→
mituso89mituso89
2

m-performance-optimization

Measure and optimize application load time, latency, and Core Web Vitals.

Community
Intermediate
effiemincereffiemincer

optimize

Optimize web app and SPA performance across loading, rendering, and interaction.

Community
Intermediate
irizqiirizqi

react-vite-best-practices

Optimize React application builds with Vite configuration for bundle size reduction.

Community
Advanced
TimHL5TimHL5

canary

Monitor post-deploy web apps for console errors, performance metrics, and page failures.

Community
Advanced