skills.rest
billh93
billh93COMMUNITY
Explore all skills by this author →
WebsiteGitHub

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

Related Skills

Explore More Software Engineering Skills→
oriysoriys

optimize

Identify and fix web interface performance bottlenecks using Core Web Vitals metrics.

Community
Advanced
TheCardGoatTheCardGoat
14

optimize

Diagnose and fix web performance bottlenecks across Core Web Vitals and rendering.

Official
Intermediate
marpmemarpme
1

i-optimize

...

Community
Advanced
SylphxAISylphxAI
4

performance

Analyze Next.js frontend performance for Core Web Vitals and bundle size.

Official
Intermediate