skills.rest
Ikki-Group
Ikki-GroupOFFICIAL
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/Ikki-Group/erp --skill optimize-ikki-group
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
chiruu12chiruu12
1

benchmark

Automate web page performance benchmarking to detect regressions in load times and Core Web Vitals.

Community
Advanced
dhruvil7797dhruvil7797

optimize

Optimize front-end UI performance to improve Core Web Vitals metrics.

Community
Advanced
djankiesdjankies

code-splitting

Implement React 19 code splitting with lazy() and Suspense.

Community
Intermediate
drvossdrvoss
42

browser-devtools

Inspect DOM state, network traffic, and Core Web Vitals in Chrome DevTools.

Community
Intermediate