Find and fix frontend performance bottlenecks in loading, rendering, animation, image, font, CSS, JavaScript, and bundle behavior. Use when UI performance, Core Web Vitals, or interaction smoothness needs improvement.
Installs into .claude/skills of the current project.
Are you the author of Optimize?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/agisota-optimize)
---
name: optimize
description: Find and fix frontend performance bottlenecks in loading, rendering, animation, image, font, CSS, JavaScript, and bundle behavior. Use when UI performance, Core Web Vitals, or interaction smoothness needs improvement.
---
# Optimize
This is the Impeccable optimize mode alias.
Use the installed `impeccable` skill as the design context first, then focus only
on measurable frontend performance.
## Workflow
1. Measure the current state before changing code: Core Web Vitals, load time,
bundle size, network waterfall, runtime frame rate, memory, and CPU.
2. Identify the bottleneck category: images, JavaScript, CSS, fonts, rendering,
animation, network, or unnecessary work.
3. Apply the smallest change that can improve the measured bottleneck.
4. Re-measure after the change and report whether the target metric improved.
Avoid premature optimization. Optimize the path users actually feel.
Source: https://skills.sh/pbakaus/impeccable/optimize
