performance

Optimize web performance for faster loading and better user experience.

Source: addyosmani

Claude Code · CompatibleDevelopment

At a glance

Best for
Development
Works with
Claude Code
Outcome
Optimize web performance for faster loading and better user experience.
Source
addyosmani/web-quality-skills

01 / Understand the skill

About performance

Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".

Requirements

  • Install all six web-quality-skills together and preserve sibling Skill/reference paths.
  • For live audits, a runnable target URL and browser/Lighthouse/DevTools measurement tools are needed. Static-only observations are hypotheses, not measured results.

Check before installing

Compatible platforms

Claude Code

Best fit

Development

Review the source instructions if the required output differs from the formats described above.

Install and use

Compatible with Claude Code · Published by addyosmani

Ready to add performance?

Use the published instructions below, then provide the required input and describe the result you need.

General instructions · Claude Code

npx -y skills add addyosmani/web-quality-skills --skill '*' --agent claude-code

Install the complete six-Skill set together. Preserve each Skill's references directory and sibling paths such as ../performance/references/MEASUREMENT.md; copying only this SKILL.md is insufficient. Review the upstream README before installation: https://github.com/addyosmani/web-quality-skills

Review the source repository and license before installing third-party skills.

Continue exploring

Similar skills

claude-apiOfficial

Authoritative reference for the Claude API and Anthropic SDKs: model IDs, pricing, thinking/effort params, streaming, tool use, caching, managed agents, and model migration.

xlsxOfficial

Read, edit, create, and fix Excel/CSV files — formulas, formatting, charts, and clean financial models with zero formula errors.

Generate distinctive, production-grade frontend UI that avoids generic AI aesthetics — pages, components, dashboards, and landing pages.

mcp-builderOfficial

Build high-quality MCP (Model Context Protocol) servers in Python (FastMCP) or Node/TypeScript that let LLMs use external services through well-designed tools.