skills.rest
Daiwik-Chilukuri
Daiwik-ChilukuriCOMMUNITY
Explore all skills by this author →
GitHub

optimize

Audit Core Web Vitals and implement optimizations for web interfaces.

2|Updated Mar 21, 2026
Search Tags:#performance#rendering#optimize#lazy-loading#web-vitals#bundle-size#loading-speed
One-click install
npx skills add https://github.com/Daiwik-Chilukuri/HTI-LAB-AGENTIC-AI --skill optimize-daiwik-chilukuri
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/Daiwik-Chilukuri/HTI-LAB-AGENTIC-AI/tree/main/.claude/skills/optimize
Command: npx skills add https://github.com/Daiwik-Chilukuri/HTI-LAB-AGENTIC-AI --skill optimize-daiwik-chilukuri

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify and fix performance issues that slow interfaces, delivering faster load times and smoother interactions.

Core Features & Use Cases

  • Assess Performance Issues: Measure Core Web Vitals (LCP, FID/INP, CLS), load times, bundle size, and runtime performance to establish a baseline.
  • Optimization Strategy: Develop a systematic plan addressing images, JavaScript/CSS, fonts, and loading strategies to reduce bottlenecks.
  • Use Case: Apply performance improvements to a web app with slow initial load and janky interactions to achieve faster TTI and smoother rendering.

Quick Start

Run an initial performance audit to measure Core Web Vitals and apply a prioritized set of optimizations (images, JavaScript/code-splitting, CSS, fonts, and loading strategy) to improve load times.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I fix web app performance bottlenecks that slow down initial load and rendering?▼

Fix web app performance bottlenecks by running an audit to measure Core Web Vitals, then applying a prioritized optimization plan targeting images, JavaScript, CSS, fonts, and loading strategies to reduce load times and smooth interactions.

What's the best way to improve Core Web Vitals like LCP, CLS, and INP for a modern SPA?▼

Improve Core Web Vitals for a modern SPA by establishing a performance baseline, detecting rendering and loading bottlenecks, and implementing scalable optimizations like code-splitting and lazy-loading to achieve faster time-to-interactive metrics.

How do I reduce JavaScript bundle size and loading speed issues in a web interface?▼

Reduce JavaScript bundle size and loading speed issues by applying code-splitting and lazy-loading strategies, systematically minimizing JavaScript and CSS payloads to decrease bottlenecks and accelerate initial render times.

Does this performance optimization approach work for any web app or only modern SPAs?▼

This performance optimization approach is scoped for modern web apps and SPAs where Core Web Vitals matter, providing comprehensive auditing, bottleneck detection, and scalable optimization implementations tailored to those environments.

Why are my web interface interactions janky and how do I optimize runtime performance?▼

Janky interactions occur from runtime performance bottlenecks; optimize runtime performance by measuring baseline metrics, identifying rendering issues, and applying systematic improvements to loading strategies and asset delivery for smoother rendering.

Related Skills

Explore More Software Engineering Skills→
WesleySmitsWesleySmits
6

profiling-performance

Audit web performance with Lighthouse and Core Web Vitals metrics.

Community
Advanced
dhruvil7797dhruvil7797

optimize

Optimize front-end UI performance to improve Core Web Vitals metrics.

Community
Advanced
ZendevveZendevve
31

optimize

Analyze Core Web Vitals and optimize JavaScript, CSS, and image delivery.

Community
Advanced
botPhUbotPhU

react-performance

Profile React applications with DevTools Profiler and apply memoization, code-splitting, and virtualization.

Community
Advanced