optimize

Identifies bottlenecks in web interfaces and implements targeted optimizations for measurable improvements.

1|Updated Mar 12, 2026
One-click install
npx skills add https://github.com/mahou-labs/shiru --skill optimize-mahou-labs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/mahou-labs/shiru/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/mahou-labs/shiru --skill optimize-mahou-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance issues in modern web interfaces degrade speed and user satisfaction. This Skill provides a systematic approach to detect bottlenecks and apply targeted optimizations across loading, rendering, animations, images, and bundle size to deliver faster, smoother experiences.

Core Features & Use Cases

  • Comprehensive assessment: Measure Core Web Vitals, load times, frame rates, and bundle sizes to identify bottlenecks.
  • Targeted optimizations: Provide concrete strategies for images, code splitting, CSS, fonts, and asset delivery to reduce TTI and CLS.
  • Use Case: When a dashboard feels sluggish on mobile, deploy a step-by-step plan to reduce LCP and FID, optimize charts, and lazy-load non-critical widgets.

Quick Start

Run a performance audit on the current UI, identify the top bottleneck, and implement a prioritized optimization plan.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I identify web performance bottlenecks affecting Core Web Vitals?

To identify web performance bottlenecks affecting Core Web Vitals, measure load times, frame rates, and bundle sizes to detect specific rendering and loading issues. This systematic assessment targets areas for optimization to improve user satisfaction.

What's the best way to reduce JavaScript bundle size for faster loading?

The best way to reduce JavaScript bundle size is applying targeted optimizations like code splitting and lazy-loading non-critical widgets. This decreases overall bundle size and improves Time to Interactive across desktop and mobile workloads.

How do I fix slow rendering and animations in a web dashboard?

To fix slow rendering and animations in a web dashboard, implement a prioritized optimization plan that targets frame rate drops and rendering delays. Incremental changes to CSS, fonts, and asset delivery create smoother interfaces.

Does this performance optimization approach work for mobile workloads?

Yes, this performance optimization approach works for mobile workloads by applying targeted strategies across loading, rendering, and bundle size. It sets measurable goals and uses safe validation to prevent regressions on mobile interfaces.

How to optimize images and asset delivery to reduce LCP and CLS?

To optimize images and asset delivery to reduce LCP and CLS, apply concrete strategies for image compression, font loading, and asset prioritization. These targeted optimizations deliver faster loading and smoother web experiences.