skills.rest
nitipoomph-coder
nitipoomph-coderCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

optimize

Diagnose UI performance issues and generate a prioritized optimization plan.

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

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

Understand current performance metrics, identify bottlenecks, and prioritize concrete improvements across loading, rendering, animations, and network.

  • Measure Core Web Vitals: LCP, FID/INP, CLS scores
  • Profile runtime performance: frame rate, memory usage, CPU usage
  • Identify bottlenecks and propose a prioritized optimization plan
  • Use Case: When a web app experiences slow load times and jank, generate a concrete plan to improve perceived performance.

Quick Start

Analyze a web application's performance issues and generate a prioritized optimization plan with concrete actions.

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 loading speed and janky rendering in my web app?▼

Diagnose slow loading speed and janky rendering by profiling Core Web Vitals (LCP, FID/INP, CLS) and runtime metrics like frame rate, then generate a prioritized optimization plan targeting bottlenecks across rendering, animations, and bundle size.

What is the best way to reduce bundle size for better Core Web Vitals scores?▼

The best way to reduce bundle size for better Core Web Vitals is to profile loading times and identify network bottlenecks, then execute a prioritized optimization plan with concrete actions to minimize payload and improve perceived performance.

How do I identify bottlenecks causing laggy UI animations and high CPU usage?▼

Identify bottlenecks causing laggy UI animations and high CPU usage by profiling runtime performance metrics like frame rate and memory usage, which pinpoints rendering issues to prioritize concrete animation fixes.

Does this UI performance optimization approach work for both web and mobile interfaces?▼

Yes, this UI performance optimization approach works for both web and mobile interfaces, diagnosing laggy or janky experiences across loading speed, rendering, and animations to deliver measurable improvements.

Why does my web app have a large bundle size and long load times?▼

Your web app has a large bundle size and long load times due to unoptimized assets and rendering bottlenecks, which require profiling Core Web Vitals and runtime metrics to generate a concrete optimization plan.

Related Skills

Explore More Software Engineering Skills→
DanialHaseebDanialHaseeb

optimize

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

Community
Advanced
davissekaidavissekai

i-optimize

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

Community
Advanced
doanchienthangdevdoanchienthangdev
4

profiling-performance

Run Lighthouse audits and analyze Core Web Vitals for browser performance.

Community
Intermediate
ubay1ubay1
1

client-side-rendering

Shift React rendering, data fetching, and UI updates to the browser.

Community
Basic