skills.rest
davissekai
davissekaiCOMMUNITY
Explore all skills by this author →
GitHub

i-optimize

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

Updated Feb 25, 2026
Search Tags:#optimize#web-vitals#bundle-size#animation-performance#ui-performance#loading-time#perf-tuning
One-click install
npx skills add https://github.com/davissekai/hatchquest --skill i-optimize-davissekai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: i-optimize
Source: https://github.com/davissekai/hatchquest/tree/main/impeccable-style-universal-prefixed/.cursor/skills/i-optimize
Command: npx skills add https://github.com/davissekai/hatchquest --skill i-optimize-davissekai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams identify and fix UI performance bottlenecks that slow loading, rendering, and interactions, delivering smoother experiences.

Core Features & Use Cases

  • Performance assessment: measure Core Web Vitals, load times, bundle sizes, and runtime metrics to locate bottlenecks.
  • Systematic optimization: provides a step-by-step plan across loading, rendering, animations, assets, and network usage.
  • Use Case: optimize a sluggish e-commerce page by reducing LCP, improving FID, and shrinking bundle size to achieve a faster TTI.

Quick Start

Run i-optimize on your project to detect performance bottlenecks and apply targeted improvements for faster, smoother UI.

Frequently Asked Questions about i-optimize

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

FAQPage Schema
How do I diagnose and fix slow UI loading speed and poor Core Web Vitals?▼

To fix slow UI loading speed and poor Core Web Vitals, you must measure LCP, FID, and TTI metrics to locate bottlenecks. This skill systematically diagnoses loading, rendering, and animation issues to deliver targeted improvements and measurable before/after validation.

What is the best way to reduce bundle size and improve time-to-interactive?▼

The best way to reduce bundle size and improve time-to-interactive is through systematic optimization of network payloads and assets. This skill assesses runtime metrics and bundle sizes to identify bottlenecks and plan structured improvements for faster app interactions.

How do I optimize animation performance and rendering bottlenecks in web apps?▼

Optimizing animation performance and rendering bottlenecks requires a structured workflow targeting runtime metrics and rendering steps. This skill diagnoses UI performance issues across animations and rendering, applying best practices to achieve smoother visual experiences.

Can I use this UI performance optimization workflow for mobile apps as well as web apps?▼

Yes, you can use this UI performance optimization workflow for both web and mobile apps. It assesses loading speed, rendering, animations, images, and bundle size across platforms to identify runtime bottlenecks and plan measurable improvements.

Why does my e-commerce page have a slow Largest Contentful Paint and how do I optimize it?▼

A slow Largest Contentful Paint stems from heavy assets and rendering bottlenecks. This skill diagnoses UI performance issues by assessing Core Web Vitals and network payloads, implementing a step-by-step plan to reduce LCP and shrink bundle size.

Related Skills

Explore More Software Engineering Skills→
djkloopdjkloop

optimize

Diagnose and fix UI performance issues in web applications using Lighthouse and bundle analyzers.

Community
Intermediate
PostalocityPostalocity
1

optimize

Diagnose and fix UI performance issues in web applications.

Official
Advanced
quanngynxquanngynx

compression

Compress JavaScript payloads with Brotli over Gzip for web performance.

Community
Intermediate
giljaegiljae
1

gstack-canary

Monitor live web apps for console errors, performance, and visual regressions post-deploy.

Community
Intermediate