optimize

Measure Core Web Vitals and optimize web application performance.

Updated Apr 10, 2026
One-click install
npx skills add https://github.com/stevengonsalvez/nanoclaw-standalone --skill optimize-stevengonsalvez
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/stevengonsalvez/nanoclaw-standalone/tree/main/container/skills/optimize
Command: npx skills add https://github.com/stevengonsalvez/nanoclaw-standalone --skill optimize-stevengonsalvez

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps identify and fix performance issues in web interfaces to deliver faster, smoother user experiences.

Core Features & Use Cases

  • Automated performance diagnostics: measure Core Web Vitals, load times, bundle size, and runtime performance to identify bottlenecks.
  • Targeted optimizations: propose fixes for images, JavaScript, CSS, and rendering paths to reduce LCP, FID, CLS, TTI.
  • Use Case: When a UI feels slow, run this skill to generate an optimization plan and implement changes across the app.

Quick Start

Run the optimize skill to start diagnosing and fixing a slow UI.

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 web interfaces and improve Core Web Vitals?

To fix slow loading web interfaces and improve Core Web Vitals, diagnose loading, rendering, and bundle size bottlenecks, then apply targeted optimizations for images, JavaScript, and CSS to reduce LCP, FID, and CLS metrics.

What's the best way to reduce bundle size for faster web performance?

The best way to reduce bundle size for faster web performance is to run automated diagnostics on your JavaScript and CSS assets, identify heavy runtime dependencies, and implement targeted optimization steps to streamline network resources.

How do I diagnose high CLS and FID scores in my web application?

To diagnose high CLS and FID scores in your web application, measure runtime performance metrics and Core Web Vitals directly, which pinpoints specific rendering paths and input delays causing poor user experiences.

Can I optimize image loading and rendering paths to speed up my UI?

Yes, you can optimize image loading and rendering paths to speed up your UI by measuring current load times and applying practical optimization steps specifically targeting image formats, network requests, and browser rendering paths.

What should I do when my UI feels slow but I'm not sure where the bottleneck is?

When your UI feels slow and the bottleneck is unclear, run an automated performance diagnostic to measure load times, bundle size, and runtime metrics, which generates a clear optimization plan to fix the issues.