skills.rest
waynesutton
waynesuttonCOMMUNITY
Explore all skills by this author →
Website𝕏@waynesuttonGitHub

optimize

Measure Core Web Vitals and fix UI performance bottlenecks with targeted optimizations.

5|1|Updated May 31, 2026
Search Tags:#ui#performance#rendering#optimize#web#bundle-size#core-web-vitals
One-click install
npx skills add https://github.com/waynesutton/teleprompter --skill optimize-waynesutton
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/waynesutton/teleprompter/tree/main/.cursor/skills/optimize
Command: npx skills add https://github.com/waynesutton/teleprompter --skill optimize-waynesutton

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagnoses and fixes UI performance bottlenecks to deliver faster, smoother interactions across apps and pages.

Core Features & Use Cases

  • Identify performance bottlenecks (loading, rendering, jank, animations)
  • Apply targeted optimizations (code-splitting, lazy loading, CSS containment, efficient rendering)
  • Use Case: When an app feels sluggish on mobile, apply this skill to regain smoothness.

Quick Start

Analyze an app's main performance bottleneck and apply the immediate optimization steps to improve perceived speed.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I fix slow rendering and jank during scrolling in web apps?▼

Fix slow rendering and jank by systematically profiling JavaScript costs and applying targeted optimizations like CSS containment and efficient rendering techniques to deliver smoother scrolling interactions.

What is the best way to reduce large bundle sizes for web performance?▼

Reduce large bundle sizes by applying targeted optimizations such as code-splitting and lazy loading to decrease JavaScript costs and improve overall web performance and load times.

How do I measure and improve Core Web Vitals for a sluggish UI?▼

Measure Core Web Vitals by systematically profiling loading, rendering, and interactivity metrics across devices, then validate improvements using before and after tests to ensure faster perceived speed.

Does this UI optimization approach work for mobile web apps experiencing choppy animations?▼

Yes, this UI optimization approach applies to web apps experiencing choppy animations and delayed interactivity across devices, systematically identifying bottlenecks to regain smoothness on mobile platforms.

What are the limitations when optimizing delayed interactivity in web applications?▼

Optimizing delayed interactivity requires systematically measuring bottlenecks and validating with before and after tests, meaning improvements depend on accurate profiling of rendering and JavaScript costs rather than guesswork.

Related Skills

Explore More Software Engineering Skills→
rattamnoonrattamnoon

optimize

Diagnose and fix UI performance issues in web applications.

Community
Advanced
The-Vibe-CompanyThe-Vibe-Company
2.4k

optimize

Measure and fix web performance bottlenecks across loading, rendering, and bundle size.

Official
Advanced
ZendevveZendevve
31

optimize

Analyze Core Web Vitals and optimize JavaScript, CSS, and image delivery.

Community
Advanced
BradliebsBradliebs

canary

Monitor live web apps for console errors, performance regressions, and visual anomalies.

Community
Advanced