optimize

Name: optimize
Availability: InStock
Author: byonk19-svg

Diagnose and fix UI performance issues across loading, rendering, and interaction.

Updated Feb 21, 2026

Search Tags:#performance #frontend #react #web-performance #bundle-size #core-web-vitals

Ready to run

npx skills add https://github.com/byonk19-svg/rt-scheduler --skill optimize-byonk19-svg

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/byonk19-svg/rt-scheduler/tree/main/.cursor/skills/optimize
Command: npx skills add https://github.com/byonk19-svg/rt-scheduler --skill optimize-byonk19-svg

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

Assess performance: measure Core Web Vitals, load times, and bundle sizes to identify bottlenecks.
Optimization playbooks: provide concrete steps for image, code, and rendering improvements; includes guidance for React apps, asset loading, and CSS.
Use Case: When a web app feels slow, apply this skill to systematically measure metrics, prioritize changes, and validate improvements with before/after comparisons.

Quick Start

Run a comprehensive performance audit and implement at least one optimization across loading, rendering, and interaction.

Frequently Asked Questions about optimize

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

FAQPage Schema

How do I fix slow React web app performance and reduce bundle size?▼

Fix slow React web app performance by systematically measuring Core Web Vitals to identify bottlenecks, then applying targeted optimizations for bundle size, rendering, and loading speed.

What is the best way to diagnose janky UI rendering and laggy interactions?▼

Diagnose janky UI rendering and laggy interactions by running a comprehensive performance audit that measures initial paint metrics, interaction delays, and ongoing rendering bottlenecks.

How do I improve Core Web Vitals for a frontend experiencing slow load times?▼

Improve Core Web Vitals by assessing current load times and bundle sizes, prioritizing image and code optimizations, and validating the improvements with before/after metric comparisons.

Can I use this performance optimization process for non-React web frontends?▼

Yes, you can apply this performance optimization process to any web frontend experiencing slow load times, jank, or oversized bundles, though it includes specific playbooks for React apps.

What steps should I take to optimize CSS and asset loading for smoother web performance?▼

Optimize CSS and asset loading by following concrete playbooks that target code, image, and rendering improvements, ensuring each change is validated with before/after performance verification.