skills.rest
byonk19-svg
byonk19-svgCOMMUNITY
Explore all skills by this author →
GitHub

optimize

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
One-click install
npx skills add https://github.com/byonk19-svg/rt-scheduler --skill optimize-byonk19-svg
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
ligianehualigianehua

benchmark

Detect web performance regressions by comparing current metrics against established baselines.

Community
Advanced
secondskysecondsky
204

web-performance-optimization

Apply code splitting, lazy loading, caching, and Core Web Vitals monitoring to web apps.

Community
Advanced
rattamnoonrattamnoon

optimize

Diagnose and fix UI performance issues in web applications.

Community
Advanced
deomiarndeomiarn

performance-audit

Audit website performance with Lighthouse against Core Web Vitals targets.

Community
Intermediate