skills.rest
nielpattin
nielpattinCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

optimize

Diagnose and fix UI performance issues using Core Web Vitals metrics.

Updated Apr 21, 2026
Search Tags:#optimize#web-performance#bundle-size#core-web-vitals#lcp#cls#fid
One-click install
npx skills add https://github.com/nielpattin/.pi-tnega --skill optimize-nielpattin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/nielpattin/.pi-tnega/tree/main/skills/optimize
Command: npx skills add https://github.com/nielpattin/.pi-tnega --skill optimize-nielpattin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagnoses and fixes UI performance issues 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

  • Performance diagnosis across Core Web Vitals (LCP, FID/INP, CLS), load time, bundle size, and runtime performance
  • Identify bottlenecks and prioritize fixes across images, JavaScript/CSS, and rendering
  • Systematic optimization plan with measurement, implementation, and verification
  • Use Case: When users report slow or janky experiences, apply targeted improvements and validate gains with metrics

Quick Start

Run a focused UI performance audit to surface bottlenecks and begin implementing 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 app loading speed and janky UI performance?▼

To diagnose and fix slow web app loading speed and janky UI performance, run a focused audit to identify bottlenecks across rendering, images, and bundle size. You then implement targeted improvements and verify the performance gains using Core Web Vitals metrics.

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

The best way to reduce high JavaScript bundle size for better Core Web Vitals is to follow a systematic optimization plan. This process identifies JavaScript and CSS bottlenecks, prioritizes fixes across resources, and validates the loading speed improvements through metric measurement.

How does Core Web Vitals measurement work when optimizing LCP, CLS, and FID?▼

Core Web Vitals measurement works during UI optimization by tracking LCP, CLS, and FID to quantify loading, visual stability, and interactivity. You measure these metrics before and after applying fixes to verify that rendering and interaction lag have been resolved.

Can I use a systematic performance optimization plan for a live application?▼

Yes, you can use a systematic performance optimization plan for a live application to address laggy experiences and high load times. It diagnoses runtime issues across loading speed and animations, applies prioritized fixes, and verifies the results using Core Web Vitals.

Why does my web app have unresponsive interactions and long load times?▼

Your web app has unresponsive interactions and long load times due to bottlenecks in JavaScript execution, large bundle sizes, or inefficient rendering. A UI performance diagnosis surfaces these specific issues across Core Web Vitals and runtime performance to guide targeted fixes.

Related Skills

Explore More Software Engineering Skills→
42team-ru42team-ru

optimize

Diagnose and fix UI performance issues using core web vitals metrics.

Official
Advanced
davidbasilefilhodavidbasilefilho

optimize

Diagnose and fix web application UI performance issues with Core Web Vitals metrics.

Community
Advanced
quanngynxquanngynx

compression

Compress JavaScript payloads with Brotli over Gzip for web performance.

Community
Intermediate
niiiusburoniiiusburo

optimize

Diagnose and fix web application performance bottlenecks using Core Web Vitals.

Community
Advanced