optimize

Diagnose and fix UI performance issues across loading, rendering, animations, images, and bundle size.

Updated Mar 23, 2026
One-click install
npx skills add https://github.com/HAR5HA-7663/Claude-Skills --skill optimize-har5ha-7663
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/HAR5HA-7663/Claude-Skills/tree/main/optimize
Command: npx skills add https://github.com/HAR5HA-7663/Claude-Skills --skill optimize-har5ha-7663

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • Assess and diagnose performance issues using Core Web Vitals, load times, and bundle size.
  • Optimize strategies for loading, rendering, animation, and network performance in real-world apps.
  • Use Case: When users report slow interactions, this skill guides bottleneck identification and practical fixes.

Quick Start

Run a quick performance audit on your target page and implement one measurable improvement in loading speed or rendering.

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 rendering jank in web apps?

Fix slow loading speed and rendering jank by diagnosing Core Web Vitals and bundle sizes, then applying an optimization framework for loading, rendering, and animations with before-and-after validation.

What is the best way to reduce heavy bundle size for UI optimization?

The best way to reduce heavy bundle size for UI optimization is to measure current load times and bundle metrics, identify bottlenecks, and apply targeted network and bundle size strategies to deliver faster, smoother user experiences.

How do I diagnose Core Web Vitals for slow route transitions and interactions?

Diagnose Core Web Vitals for slow route transitions by measuring load times and bundle sizes across initial page loads and intensive interactions to identify bottlenecks and guide practical fixes.

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

UI performance optimization works across both web and mobile apps, addressing slow loads, jank, and heavy bundles in scenarios like initial page load, route transitions, and intensive interactions.

Why do my web apps still experience jank after initial page load?

Web apps experience jank after initial page load due to unoptimized rendering, animations, or heavy bundles during route transitions and intensive interactions, requiring measurement and targeted fixes to resolve.