skills.rest
nokusukun
nokusukunCOMMUNITY
Explore all skills by this author →
GitHub

optimize

Diagnose and fix UI performance issues in modern web apps.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagnoses and fixes UI performance issues to create faster, smoother user experiences.

Core Features & Use Cases

  • Performance assessment: measure load times, render performance, animation smoothness, and bundle size.
  • Bottleneck identification: locate initial load blockers, long tasks, and layout thrashing.
  • Optimization roadmap: provide a structured plan covering images, code-splitting, CSS, and network requests, with practical examples.

Quick Start

Run a baseline performance audit on the target UI and implement the recommended optimizations.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I diagnose slow loading speed and poor Core Web Vitals in my web app?▼

Fix UI performance bottlenecks by locating initial load blockers, long tasks, and layout thrashing. This systematic measurement targets rendering and animations to create smoother user experiences across modern web apps.

What is the best way to reduce bundle size and optimize frontend performance?▼

The best way to reduce bundle size and optimize frontend performance is implementing a structured roadmap. Apply practical examples for code-splitting, image optimization, and CSS/JS performance to systematically improve loading speed and rendering.

How do I fix layout thrashing and long tasks blocking my web app rendering?▼

Fix layout thrashing and long tasks by systematically measuring Core Web Vitals and render performance. This identifies UI performance bottlenecks, enabling you to apply targeted code-splitting and CSS optimization best practices.

Can I use a systematic optimization roadmap for LCP improvements across modern web apps?▼

Yes, you can use a systematic optimization roadmap for LCP improvements across modern web apps. It provides a structured plan covering network requests, images, and code-splitting with practical examples to fix UI performance.

Related Skills

Explore More Software Engineering Skills→
Bloodrey41Bloodrey41

optimize

Diagnose and fix UI performance bottlenecks using Core Web Vitals metrics.

Community
Intermediate
Davie521Davie521
7

optimize

Diagnose UI performance issues and implement optimization plans for web and mobile interfaces.

Community
Advanced
JEO-tech-aiJEO-tech-ai
8

performance-optimization

Profile React web apps with Lighthouse and Web Vitals to reduce LCP and CLS.

Community
Advanced
felipebrgs1felipebrgs1

core-web-vitals

Optimize Core Web Vitals by analyzing and implementing loading, interactivity, and stability fixes.

Community
Advanced