optimize

Diagnose and fix UI performance issues in web applications.

1|Updated Apr 7, 2026
One-click install
npx skills add https://github.com/han-so1omon/ikam --skill optimize-han-so1omon
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/han-so1omon/ikam/tree/main/skills/optimize
Command: npx skills add https://github.com/han-so1omon/ikam --skill optimize-han-so1omon

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size, helping apps feel faster and more responsive.

Core Features & Use Cases

  • Assess Performance Issues: Measure Core Web Vitals (LCP, FID/INP, CLS), load time, bundle size, runtime performance, and network footprint to pinpoint bottlenecks.
  • Optimization Strategy: Propose a structured plan for image optimization, JS/CSS improvements, font and resource loading, and rendering efficiency to improve perceived performance.
  • Core Web Vitals focus: Prioritize improvements for LCP, FID/INP, and CLS with actionable targets.
  • Real-world use: When a product needs faster first interactions and smoother scrolling across devices.

Quick Start

Use the optimize skill to run a quick performance audit and propose prioritized UI optimizations.

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 UI performance issues in my web application?

Core Web Vitals optimization targets Largest Contentful Paint, Cumulative Layout Shift, and First Input Delay to improve loading and rendering. Measuring these metrics identifies bottlenecks and provides actionable targets for faster first interactions and smoother scrolling across devices.

What's the best way to improve web application loading speed and rendering efficiency?

To improve web application loading speed and rendering efficiency, apply a structured optimization strategy covering image optimization, JS/CSS improvements, and font loading. Reducing bundle size and network footprint delivers faster perceived performance across devices.

Can I measure Core Web Vitals like LCP and CLS to identify UI bottlenecks?

Yes, you can measure Core Web Vitals like LCP, CLS, and FID/INP to identify UI bottlenecks. Assessing load time, runtime performance, and network footprint pinpoints exactly where loading and rendering issues occur in your web application.

How do I reduce bundle size and network footprint for faster web interactions?

To reduce bundle size and network footprint for faster web interactions, prescribe actionable optimizations for JS/CSS improvements and resource loading. This structured plan targets rendering efficiency and minimizes unnecessary network requests.

Does UI performance optimization work for animations and images across different devices?

Yes, UI performance optimization works for animations and images across different devices. It diagnoses and fixes rendering issues to ensure smoother scrolling and faster first interactions, validating improvements for real-world use regardless of device constraints.