optimize

Name: optimize
Availability: InStock
Author: Kubermatic

Identify and fix performance issues in web interfaces.

1|2|Updated Mar 11, 2026

Search Tags:#performance #react #rendering #optimize #network #loading #web-vitals

Ready to run

npx skills add https://github.com/kubermatic/kubelb-dashboard --skill optimize-kubermatic

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/kubermatic/kubelb-dashboard/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/kubermatic/kubelb-dashboard --skill optimize-kubermatic

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify and fix performance issues to create faster, smoother user experiences.

Core Features & Use Cases

Comprehensive performance assessment across loading, rendering, animation, and network.
Systematic optimization strategy covering images, JS, CSS, and React-specific improvements.
Real-world use: apply to dashboards and SPA workloads to improve LCP, FID/INP, CLS and TTI.

Quick Start

Identify performance bottlenecks, implement targeted optimizations, and verify improved user experience.

Frequently Asked Questions about optimize

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

FAQPage Schema

How do I optimize Core Web Vitals for a React single-page app?▼

To optimize Core Web Vitals for a React SPA, systematically measure loading, rendering, and network performance, then apply targeted fixes to improve LCP, FID/INP, CLS, and TTI.

What is the best way to fix slow rendering and loading in web dashboards?▼

Fixing slow rendering and loading in web dashboards requires a comprehensive performance assessment across animation and network layers, followed by actionable optimizations for JS, CSS, and images.

How can I reduce bundle size and speed up interfaces in a UI-heavy workload?▼

Reduce bundle size and speed up interfaces by implementing systematic optimization strategies covering JavaScript, CSS, and images to create smoother interactions and faster load times.

Does this performance optimization approach work for general web apps or only React interfaces?▼

This performance optimization approach applies broadly to UI-heavy interfaces, web dashboards, and single-page apps, with specific systematic improvements included for React workloads.

Why does my web app still have poor interaction latency after initial loading optimizations?▼

Poor interaction latency persists after loading optimizations if rendering and animation bottlenecks remain; resolving this requires a structured approach measuring FID/INP and applying targeted rendering fixes.

When do I need a structured approach to network performance for single-page apps?▼

A structured approach to network performance is needed when single-page apps suffer from slow load times, requiring systematic measurement and actionable optimization steps across loading and network layers.