optimize

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

Updated Nov 15, 2025

Search Tags:#performance #optimization #javascript #images #web-vitals #bundle-size #loading-time

Ready to run

npx skills add https://github.com/billh93/snchz --skill optimize-billh93

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/billh93/snchz/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/billh93/snchz --skill optimize-billh93

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

Measure and improve Core Web Vitals (LCP, FID, CLS) and total load time.
Optimize images, JavaScript, CSS, and fonts; improve bundle size and render performance.
Apply systematic improvements across loading, rendering, and animation workflows for web apps, mobile apps, and dashboards.

Quick Start

Identify the top three performance bottlenecks and implement the recommended fixes to improve perceived responsiveness.

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 and janky rendering in my web app?▼

Diagnose and fix UI performance issues by measuring Core Web Vitals to identify bottlenecks across loading speed, rendering, and animations, then implement systematic improvements to images, JavaScript, CSS, and loading strategies for faster, smoother experiences.

What's the best way to reduce JavaScript bundle size?▼

Reduce JavaScript bundle size by applying systematic improvements to loading strategies and scripts, identifying bottlenecks that impact render performance, and optimizing your overall loading workflow to improve perceived responsiveness and total load time.

How do I measure and improve Core Web Vitals like LCP, FID, and CLS?▼

Measure and improve Core Web Vitals by systematically identifying performance bottlenecks in your loading and rendering workflows, then implementing targeted fixes across images, JavaScript, CSS, and fonts to enhance total load time and perceived responsiveness.

Does this UI optimization approach work for mobile apps and dashboards?▼

Yes, this UI optimization approach works for mobile apps and dashboards by applying systematic improvements across loading, rendering, and animation workflows to address slow, laggy experiences and improve perceived responsiveness regardless of the platform.

Why does my UI feel laggy during animations and how can I smooth it out?▼

Your UI feels laggy during animations due to rendering bottlenecks. Smooth it out by diagnosing performance issues across rendering workflows and implementing systematic improvements to CSS, JavaScript, and loading strategies for faster, smoother experiences.