skills.rest
tomerkedem
tomerkedemCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

optimize

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

Updated Apr 5, 2026
Search Tags:#performance#frontend#optimization#web#bundle-size#core-web-vitals
One-click install
npx skills add https://github.com/tomerkedem/bookforge --skill optimize-tomerkedem
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/tomerkedem/bookforge/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/tomerkedem/bookforge --skill optimize-tomerkedem

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.

Core Features & Use Cases

  • Performance measurement and bottleneck identification (Core Web Vitals, load time, bundle size, runtime performance)
  • Systematic optimization strategy for images, JavaScript, CSS, fonts, and loading strategy
  • Validation through before/after metrics and measurable improvements in speed and responsiveness

Quick Start

Run a performance audit on your app, identify bottlenecks, and apply targeted optimizations to improve speed and 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 speed and jank in my web app?▼

Fix slow loading speed and UI jank by diagnosing rendering bottlenecks, optimizing images, and reducing bundle size. Measure Core Web Vitals like LCP and CLS to identify what causes the slowdowns before applying targeted optimizations.

What is the best way to reduce JavaScript bundle size for frontend optimization?▼

The best way to reduce JavaScript bundle size is through a systematic optimization strategy that targets unnecessary code, images, and fonts. You validate the improvements by measuring before and after metrics for load time and bundle size.

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

Measure and improve Core Web Vitals like LCP, INP, and CLS by running a performance audit to identify bottlenecks across loading speed and rendering. Improve scores by applying systematic optimizations to images, CSS, and loading strategies.

Can I use this approach to optimize performance for both web and mobile interfaces?▼

Yes, you can use this approach to optimize performance for both web and mobile interfaces. The diagnostic and optimization strategy applies to any interface where users report slowdowns, jank, long load times, or large bundles.

Why does my UI feel laggy during animations and how do I resolve it?▼

Your UI feels laggy during animations due to rendering bottlenecks and runtime performance issues. Resolve it by diagnosing the specific bottlenecks and applying systematic optimizations to improve speed and responsiveness.

Related Skills

Explore More Software Engineering Skills→
get-convexget-convex
9

optimize

Diagnose and fix web app performance issues using Core Web Vitals and optimization techniques.

Official
Advanced
RodrigoTomeESRodrigoTomeES
12

performance

Audit web performance bottlenecks and recommend Core Web Vitals improvements.

Community
Intermediate
SilverAssistSilverAssist
1

web-performance-analysis

Analyze web performance issues with PageSpeed Insights and Lighthouse data.

Official
Intermediate
cloudflarecloudflare
2.6k

web-perf

Audit web performance and diagnose Core Web Vitals issues using Chrome DevTools MCP.

Official
Advanced