skills.rest
trydydd
trydyddCOMMUNITY
Explore all skills by this author →
GitHub

i-optimize

Diagnose and fix UI performance bottlenecks in web apps.

Updated Apr 15, 2026
Search Tags:#ui#performance#optimization#web#lcp#cls#fid
One-click install
npx skills add https://github.com/trydydd/open-circuits --skill i-optimize-trydydd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: i-optimize
Source: https://github.com/trydydd/open-circuits/tree/main/.claude/skills/i-optimize
Command: npx skills add https://github.com/trydydd/open-circuits --skill i-optimize-trydydd

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 experiences.

Core Features & Use Cases

  • Assess performance issues by measuring Core Web Vitals, load time, bundle size, and runtime performance.
  • Identify bottlenecks such as large images, expensive JavaScript, or layout thrashing.
  • Apply optimization strategies for loading, rendering, animation, and network performance.

Quick Start

Run a performance audit on the current UI and implement targeted optimizations to improve start-up time, rendering smoothness, and animation frame rates.

Frequently Asked Questions about i-optimize

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

FAQPage Schema
How do I fix slow web app loading and improve Core Web Vitals?▼

Fix slow web app loading by auditing Core Web Vitals to identify bottlenecks like large images or expensive JavaScript, then apply targeted optimizations to reduce bundle size and improve LCP, CLS, and FID metrics.

What is causing UI rendering jank and layout thrashing in my web application?▼

UI rendering jank and layout thrashing are caused by expensive JavaScript execution and inefficient rendering bottlenecks. Diagnose these runtime performance issues to apply structured optimization strategies for smoother animation frame rates.

How can I reduce JavaScript and CSS payload sizes for faster web performance?▼

Reduce JavaScript and CSS payload sizes by identifying network and loading bottlenecks during a performance audit, then implementing a structured optimization plan to minimize file payloads and improve start-up time.

Does this approach work for both desktop and mobile UI performance optimization?▼

Yes, UI performance optimization applies to both desktop and mobile web apps. The assessment measures Core Web Vitals, load times, and bundle sizes across both platforms to ensure measurable improvements in rendering and loading speed.

What is the best way to diagnose high bundle size and suboptimal TTI in web apps?▼

The best way to diagnose high bundle size and suboptimal TTI is to run a comprehensive performance audit that measures Core Web Vitals and runtime metrics, identifying specific bottlenecks such as large images and expensive scripts.

When should I optimize UI animation frame rates and rendering bottlenecks?▼

Optimize UI animation frame rates and rendering bottlenecks when users experience jank or slow runtime performance. A performance audit identifies these specific rendering issues to deliver smoother and faster web experiences.

Related Skills

Explore More Software Engineering Skills→
heyparth1heyparth1

optimize

Analyze web performance metrics and apply optimization techniques for Core Web Vitals.

Community
Advanced
thejordanleopoldthejordanleopold
4

frontend-performance

Diagnose and fix frontend performance bottlenecks across Core Web Vitals and bundle size.

Community
Advanced
KrismithReddy12KrismithReddy12

benchmark

Measure web performance metrics and compare against baselines to detect regressions.

Community
Advanced
Adam-GuerinAdam-Guerin
1

performance-profiling

Audit web performance with Lighthouse and browser DevTools.

Community
Intermediate