optimize

Diagnose and fix UI performance issues with measurable before/after validation.

Updated Mar 22, 2026
One-click install
npx skills add https://github.com/1toe/spotify-to-ytmusic --skill optimize-1toe
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/1toe/spotify-to-ytmusic/tree/main/.cursor/skills/optimize
Command: npx skills add https://github.com/1toe/spotify-to-ytmusic --skill optimize-1toe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagnoses and fixes UI performance issues to deliver faster, smoother user experiences across loading speed, rendering, animations, images, and bundle size.

Core Features & Use Cases

  • Measure performance metrics including Core Web Vitals (LCP, FID/INP, CLS), load times, and bundle size.
  • Identify bottlenecks across loading, rendering, animations, and network, then implement systematic improvements.
  • Use case: when users report a choppy UI or slow startup, apply the optimization plan and verify with before/after metrics.

Quick Start

Run a performance audit, identify the top bottlenecks, implement the recommended optimizations, and re-measure to confirm improvements.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I fix slow loading speed and reduce bundle size in my web app?

Improve web performance by diagnosing bottlenecks across loading and rendering, then applying concrete changes like code-splitting, image optimization, and caching. Validate improvements using before and after metrics.

How do I stop jank and choppy animations during UI interactions?

Stop jank and choppy animations by diagnosing rendering bottlenecks and implementing CSS optimization. You must specify measurable targets like INP and verify smoothing with before and after validation.

What is the best way to measure and improve Core Web Vitals like LCP and CLS?

The best way to improve Core Web Vitals is to measure LCP, INP, and CLS, identify top bottlenecks, implement optimizations, and re-measure. This systematic approach ensures faster load times and visual stability.

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

Yes, UI performance optimization works across desktop and mobile. It systematically reduces perceived and actual load times by applying image optimization, font loading, and caching techniques.

What do I need to specify before starting a performance audit?

Before starting a performance audit, you need to specify measurable targets like LCP, FID, INP, CLS, and TTI. These targets guide the implementation of concrete changes and validate before and after results.

Why does my web app still feel slow after reducing bundle size?

Your web app may still feel slow due to rendering bottlenecks or poor font loading. A complete optimization audit diagnoses loading, animations, and images, applying caching and CSS optimization to reduce perceived load times.