Overview
performance-optimization is an open-source frontend skill for Claude Code and compatible agents, published by addyosmani. Its author describes it as: “Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvemen…”. The project has 98k stars on GitHub and is available under the MIT license. Add it to your setup with `/plugin marketplace add addyosmani/agent-skills`.
What performance-optimization does
Measure before optimizing. Performance work without measurement is guessing — and guessing leads to premature optimization that adds complexity without improving what matters. Profile first, identify the actual bottleneck, fix it, measure again. Optimize only what measurements prove matters.
What’s inside
The SKILL.md for performance-optimization is organised into these sections:
- Overview
- When to Use
- Core Web Vitals Targets
- The Optimization Workflow
- Step 1: Measure
- Where to Start Measuring
- Step 2: Identify the Bottleneck
- Step 3: Fix Common Anti-Patterns
- Step 4: Verify (Keep or Revert)
- Step 5: Guard Against Regression
- See Also
- Common Rationalizations
Installation
Add performance-optimization to your agent with:
/plugin marketplace add addyosmani/agent-skillsReview a skill’s source before installing it — skills can instruct your agent to run commands. This command comes from the skill’s public repository, which is the source of truth for setup steps. New to skills? Read how to install Claude Code skills.
Supported agents
- Claude Code — ships a claude code plugin marketplace
- Codex — declared in the repository topics
- Cursor — declared in the repository topics
- Antigravity — declared in the repository topics
License
performance-optimization is published under the MIT license.
Strengths
- Clear MIT license — safe to read and adapt within its terms
- Ships in addyosmani/agent-skills, an established project with 97,992 GitHub stars
- Works with Claude Code, Codex, Cursor, Antigravity
- Actively maintained — repository updated in the last 30 days
- Its repository gained 16,916 GitHub stars over the last 52 days
Author
Topics
Frequently asked questions
- What does performance-optimization do?
- Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling reveals bottlenecks.
- How do I install performance-optimization?
- Run /plugin marketplace add addyosmani/agent-skills in your agent, then reload your skills. Review the source at https://github.com/addyosmani/agent-skills before installing.
- Is performance-optimization free to use?
- Yes. performance-optimization is free and open source under the MIT license, so you can read, run, and adapt it within that license's terms.
- Which agents does performance-optimization work with?
- performance-optimization lists Claude Code, Codex, Cursor, and Antigravity — named in its SKILL.md, its plugin marketplace or its repository topics. Skills use the portable SKILL.md format, so other agents that read that format may load it too.
- Where does performance-optimization come from?
- performance-optimization ships inside addyosmani/agent-skills, a repository that contains 26 catalogued skills in total. The repository's 97,992 GitHub stars apply to that whole collection, not to this skill on its own.
