Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →fengshao1227/optimize
Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size.
Passed 22 of 22 test cases with the skill, and 21 of 22 without it.
1 fixed21 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
A test case the skill fixed. Same model, same prompt, with and without the skill.
Our site uses uncompressed 4K PNG files for background images, causing multi-megabyte network downloads. What modern image format and compression quality percentage range should we convert these to for optimal web delivery without visible loss?
| Checked | Without skill | With skill |
|---|---|---|
| Recommends using modern image formats such as WebP. | Passed | Passed |
| Recommends compressing images to a quality range between 80% and 85%. | Missed | Passed |
The instructions your model reads when the skill loads.
Identify and fix performance issues to create faster, smoother user experiences.
Understand current performance and identify problems:
Measure current state:
Identify bottlenecks:
CRITICAL: Measure before and after. Premature optimization wastes time. Optimize what actually matters.
Create systematic improvement plan:
Optimize Images:
srcset, picture element)<img
src="hero.webp"
srcset="hero-400.webp 400w, hero-800.webp 800w, hero-1200.webp 1200w"
sizes="(max-width: 400px) 400px, (max-width: 800px) 800px, 1200px"
test cases passed, vs 21 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.