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

Ready to run

npx skills add https://github.com/waynesutton/teleprompter --skill optimize-waynesutton

💬 Prompt for ChatGPT / Claude Chat▼

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.