optimize

Identify and fix performance bottlenecks in web interfaces using Core Web Vitals.

Updated Jan 2, 2026
One-click install
npx skills add https://github.com/tanaka-mambinge/dotfiles --skill optimize-tanaka-mambinge
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/tanaka-mambinge/dotfiles/tree/main/ai-configs/skills/impeccable-optimize
Command: npx skills add https://github.com/tanaka-mambinge/dotfiles --skill optimize-tanaka-mambinge

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance optimization reduces load times, rendering latency, and jank to deliver faster, smoother user experiences.

Core Features & Use Cases

  • End-to-end performance auditing: measure Core Web Vitals, bundle sizes, and runtime performance to identify bottlenecks.
  • Systematic optimization strategies: loading, rendering, animation, and network techniques with practical examples.
  • Use Case: imagine a slow e-commerce site with long LCP and CLS; apply the skill to reduce load time and improve interactivity.

Quick Start

Identify the top bottleneck and implement a prioritized optimization plan for your project.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I identify and fix frontend performance bottlenecks for Core Web Vitals?

Frontend performance bottlenecks are identified by measuring Core Web Vitals, bundle sizes, and runtime metrics, then resolved by applying systematic loading, rendering, and network optimization strategies to reduce latency and jank.

What is the best way to reduce LCP and CLS on a slow web interface?

The best way to reduce LCP and CLS on slow web interfaces is to conduct an end-to-end performance audit, identify the top rendering or loading bottleneck, and implement a prioritized optimization plan for faster load times.

How do I optimize web rendering and animation to stop interface jank?

Optimizing web rendering and animation to stop interface jank involves applying systematic rendering techniques and animation optimization guidelines that target runtime performance bottlenecks, delivering smoother user experiences.

Can I use this approach to monitor network performance and bundle size for web apps?

You can use this approach to monitor network performance and bundle size for web apps, as it provides actionable guidelines for performance monitoring across loading, rendering, and network scenarios to maintain faster interfaces.

What should I do first when optimizing a slow e-commerce site's load time?

When optimizing a slow e-commerce site's load time, you should first identify the top performance bottleneck through a Core Web Vitals audit, then implement a prioritized optimization plan targeting loading and rendering.