skills.rest
ChoonwooLim
ChoonwooLimCOMMUNITY
Explore all skills by this author →
GitHub

optimize

Diagnose UI performance issues and generate actionable optimizations.

Updated Aug 23, 2026
Search Tags:#frontend#optimize#web-vitals#bundle-size#ui-performance#loading-time
One-click install
npx skills add https://github.com/ChoonwooLim/SodamFN --skill optimize-choonwoolim
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/ChoonwooLim/SodamFN/tree/main/.claude/skills/optimize
Command: npx skills add https://github.com/ChoonwooLim/SodamFN --skill optimize-choonwoolim

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI performance issues slow down user experiences across loading speed, rendering, animations, images, and bundle size, leading to frustration and reduced engagement.

Core Features & Use Cases

  • Measure and monitor Core Web Vitals (LCP, FID/INP, CLS), load time, bundle size, and runtime performance.
  • Identify bottlenecks across images, JavaScript, CSS, and rendering paths, then propose targeted optimizations.
  • Apply end-to-end strategies for loading, rendering, animation smoothness, and network optimization to deliver faster, more reliable UIs.

Quick Start

Run the optimize skill on your project to identify performance bottlenecks and implement improvements for faster UI.

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 UI loading speed and rendering bottlenecks?▼

To diagnose slow UI loading speed and rendering bottlenecks, you can analyze Core Web Vitals, identify heavy JavaScript, CSS, and images, then apply targeted optimizations to reduce loading time and rendering jank.

What's the best way to reduce bundle size for faster web performance?▼

The best way to reduce bundle size for faster web performance is to identify large JavaScript and CSS bottlenecks within your rendering path and apply end-to-end optimization strategies to eliminate unnecessary code.

How do I measure Core Web Vitals like LCP, INP, and CLS for my web app?▼

You measure Core Web Vitals like LCP, INP, and CLS by monitoring your web app's runtime performance and loading speed across various devices and network conditions to identify interaction and layout shift bottlenecks.

Why does my web app experience jank on scroll and how can I optimize it?▼

Your web app experiences jank on scroll due to rendering and animation bottlenecks, which you can optimize by identifying performance drops and applying targeted strategies for smoother animation rendering.

Can I optimize mobile app UI performance for slow network conditions?▼

Yes, you can optimize mobile app UI performance for slow network conditions by applying network optimization and loading strategies designed to deliver faster, more reliable UIs across various devices.

Does UI performance optimization work for both web and mobile apps?▼

Yes, UI performance optimization works for both web and mobile apps, diagnosing slow interactions, large bundles, and heavy images across various devices to deliver measurable loading and rendering improvements.

Related Skills

Explore More Software Engineering Skills→
yashs33244yashs33244
1

benchmark

Benchmark real page load metrics against stored baselines to detect regressions.

Community
Advanced
PostalocityPostalocity
1

optimize

Diagnose and fix UI performance issues in web applications.

Official
Advanced
ft-frankft-frank
1

optimize

Analyze Core Web Vitals and bundle sizes to identify web performance bottlenecks.

Community
Advanced
wpgauravwpgaurav
14

optimize

Diagnose and fix frontend performance bottlenecks in web interfaces and single-page apps.

Community
Advanced