skills.rest
nachopalmeri
nachopalmeriCOMMUNITY
Explore all skills by this author →
GitHub

optimize

Identify and fix UI performance bottlenecks across web and mobile interfaces.

Updated May 15, 2026
Search Tags:#performance#frontend#bundle-size#lcp#web-optimization#cls#fid
One-click install
npx skills add https://github.com/nachopalmeri/agents-system --skill optimize-nachopalmeri
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/nachopalmeri/agents-system/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/nachopalmeri/agents-system --skill optimize-nachopalmeri

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance bottlenecks in user interfaces cause slow load times, janky interactions, and poor user experiences. This Skill guides systematic measurement, identification, and remediation to deliver faster, smoother apps.

Core Features & Use Cases

  • Performance assessment: Measure Core Web Vitals, load times, bundle sizes, and runtime metrics to quantify bottlenecks.
  • Targeted optimization: Prioritize improvements across images, JavaScript, CSS, and rendering strategies to maximize impact.
  • Use Case: When a slow homepage causes user drop-off, apply the optimization strategy to reduce LCP and TTI and improve CLS.

Quick Start

Audit the current UI performance and implement a prioritized optimization plan to reduce load times.

Frequently Asked Questions about optimize

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I identify and fix user interface performance bottlenecks?▼

To fix user interface performance bottlenecks, measure Core Web Vitals and bundle sizes to quantify issues. Prioritize targeted optimizations across images, JavaScript, and CSS to improve loading, rendering, and speed.

What is the best way to reduce Largest Contentful Paint and improve Core Web Vitals?▼

The best way to reduce Largest Contentful Paint and improve Core Web Vitals is auditing UI performance to establish a baseline. Apply a prioritized optimization plan targeting images and rendering strategies, validating before and after results.

Can I optimize bundle size and rendering speed for both web and mobile interfaces?▼

Yes, you can optimize bundle size and rendering speed across web and mobile interfaces. The process systematically measures runtime metrics and time to interactive, targeting JavaScript and CSS bottlenecks to deliver smoother app performance.

How do I measure and prevent layout shifts causing poor Cumulative Layout Shift scores?▼

To prevent layout shifts causing poor Cumulative Layout Shift scores, measure current UI performance metrics to identify rendering bottlenecks. Implement prioritized remediation strategies and validate the results against a clear success threshold.

Why does my frontend application have janky interactions and slow load times?▼

Janky interactions and slow load times in frontend applications are caused by unoptimized images, large JavaScript bundles, and inefficient rendering strategies. Measuring time to interactive and runtime metrics identifies these specific bottlenecks.

Related Skills

Explore More Software Engineering Skills→
russosalvrussosalv
5

optimize

Diagnose and fix UI performance issues in web applications.

Community
Intermediate
rkumar261rkumar261
1

canary

Monitor production URLs for console errors, performance regressions, and page failures.

Community
Advanced
hughescrhughescr
1

hugo-asset-pipeline

Automate Hugo asset processing with Hugo Pipes for SCSS, JS, and images.

Community
Advanced
SilverAssistSilverAssist
1

web-performance-analysis

Analyze web performance issues with PageSpeed Insights and Lighthouse data.

Official
Intermediate