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

Ready to run

npx skills add https://github.com/nielpattin/.pi-tnega --skill optimize-nielpattin

💬 Prompt for ChatGPT / Claude Chat▼

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.