skills.rest
cshyang
cshyangCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

optimize

Identify and fix performance bottlenecks in web interfaces.

Updated Mar 15, 2026
Search Tags:#performance#frontend#optimize#web-performance#loading#bundle-size
One-click install
npx skills add https://github.com/cshyang/nochore --skill optimize-cshyang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/cshyang/nochore/tree/main/capabilities/incubator/skills/optimize
Command: npx skills add https://github.com/cshyang/nochore --skill optimize-cshyang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance slowdowns in web interfaces degrade user experience; this skill provides a structured approach to identify and fix bottlenecks across loading, rendering, and interactions.

Core Features & Use Cases

  • Systematic performance assessment across loading, rendering, and interaction metrics (LCP, FID, CLS, TTI)
  • Targeted optimizations: image optimization, code splitting, CSS refinement, and efficient asset handling
  • Real-world use case: a latency-heavy dashboard improves perceived speed after applying bottleneck fixes

Quick Start

Identify the top bottleneck in your frontend app and apply the recommended optimization steps to achieve measurable speed gains.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I identify frontend performance bottlenecks in my web app?▼

Frontend performance bottlenecks are identified by systematically assessing loading, rendering, and interaction metrics like LCP, FID, CLS, and TTI to pinpoint speed degradation sources across your web app.

What's the best way to improve web interface loading speed and reduce bundle size?▼

Web loading speed and bundle size improve through targeted optimizations including code splitting, image optimization, CSS refinement, and efficient asset handling techniques.

Can I use this approach to fix a latency-heavy dashboard?▼

Yes, this approach fixes latency-heavy dashboards by applying systematic bottleneck optimizations to loading, rendering, and interactions, achieving measurable perceived speed gains.

Why does my web UI feel slow during rendering and animations?▼

Web UI rendering and animations feel slow due to unoptimized CSS, large bundle sizes, and inefficient asset handling causing performance bottlenecks during interaction.

Does frontend performance optimization require specific frameworks or dependencies?▼

No specific dependencies are required; this systematic optimization approach applies across typical frontend apps to establish measurement and maintainable best practices.

Related Skills

Explore More Software Engineering Skills→
nguyenthienthanhnguyenthienthanh
24

performance-optimizer

Profile software systems and resolve performance bottlenecks with targeted optimizations.

Community
Basic
involvexinvolvex

application-performance-performance-optimization

Coordinate specialized agents to profile, tune, and load test application performance.

Community
Advanced
DaFumDaFum
1

perf-budget-enforcer

Enforce performance budgets for bundle size, load time, and FPS in CI builds.

Community
Intermediate
yash-gargyash-garg

web-perf

Analyze web performance bottlenecks and identify optimization opportunities using Chrome DevTools.

Community
Advanced