optimize

Diagnose and fix UI performance issues across loading, rendering, animations, images, and bundle size.

Updated Jan 24, 2026

Search Tags:#performance #frontend #optimize #measurement #web #bundle-size #core-web-vitals

Ready to run

npx skills add https://github.com/Ikki-Group/erp --skill optimize-ikki-group

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/Ikki-Group/erp/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/Ikki-Group/erp --skill optimize-ikki-group

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.

Core Features & Use Cases

Assess Performance: Measure Core Web Vitals (LCP, FID/INP, CLS), load times, bundle size, runtime performance, and network requests.
Optimization Strategy: Propose and execute end-to-end improvements across loading, rendering, animation, fonts, and APIs to deliver faster, smoother experiences.
Use Case: Imagine a web app with a 3-second TTI; apply the skill to identify bottlenecks and implement changes that reduce load times and improve interactivity.

Quick Start

Run the optimize skill to diagnose a slow UI by measuring Core Web Vitals, bundle size, and runtime performance, then apply targeted fixes.

Frequently Asked Questions about optimize

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

FAQPage Schema

How do I diagnose and fix slow web application loading speed and janky rendering?▼

Diagnose janky web interfaces by measuring Core Web Vitals, runtime performance, and network metrics, then execute end-to-end fixes across loading, rendering, animations, and APIs to deliver a smoother experience.

What is the best way to reduce oversized JavaScript bundle size for web applications?▼

Reduce JavaScript bundle size by measuring current runtime performance and network requests, then applying targeted loading and rendering optimizations to shrink the bundle and deliver a faster experience.

Why does my web UI experience long load times and layout shifts?▼

Long load times and layout shifts happen when Core Web Vitals like LCP and CLS exceed acceptable thresholds, requiring measurement of network metrics and bundle size to identify specific rendering and loading bottlenecks.

Can I measure Core Web Vitals like LCP, FID, and CLS for my web app?▼

You can measure Core Web Vitals including LCP, FID/INP, and CLS alongside load times and runtime performance to assess UI speed and identify specific areas needing rendering and loading improvements.

How do I optimize frontend performance for slow and laggy interfaces?▼

Optimize frontend performance for laggy interfaces by measuring runtime bottlenecks and Core Web Vitals, then executing an end-to-end plan covering loading, rendering, animations, fonts, and API verification steps.

Does UI performance optimization work for both rendering animations and network metrics?▼

UI performance optimization addresses rendering animations, network metrics, bundle size, and loading speed, providing an end-to-end improvement plan that targets fonts, APIs, and overall web application interactivity.