Web Performance Optimization

🌐Community
by aj-geddes · vlatest · Repository

Helps with web development, performance optimization, optimization as part of building frontend UIs and user experiences workflows.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add aj-geddes-web-performance-optimization npx -- -y @trustedskills/aj-geddes-web-performance-optimization
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "aj-geddes-web-performance-optimization": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/aj-geddes-web-performance-optimization"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

The web-performance-optimization skill empowers AI agents to analyze website metrics, identify bottlenecks, and generate actionable strategies for improving load times and user experience. It bridges the gap between raw performance data and practical implementation steps for developers.

When to use it

  • Diagnosing why a specific landing page is failing Core Web Vitals audits.
  • Generating a prioritized checklist of optimizations for a slow e-commerce checkout flow.
  • Analyzing Lighthouse reports to suggest code-level fixes for render-blocking resources.
  • Creating performance budgets and monitoring guidelines for new frontend feature development.

Key capabilities

  • Interprets standard web performance metrics (LCP, FID, CLS).
  • Identifies specific technical debt causing latency issues.
  • Formulates concrete optimization plans based on analysis.

Example prompts

  • "Analyze these Lighthouse results and tell me the top three changes to improve my site's Largest Contentful Paint."
  • "Generate a step-by-step guide to optimize image delivery for a slow-loading portfolio website."
  • "What are the best practices for reducing JavaScript bundle size in a React application?"

Tips & gotchas

Ensure you provide relevant performance data (like Lighthouse scores or specific error logs) alongside your request, as the skill relies on context to offer precise recommendations rather than generic advice.

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
aj-geddes
Installs
107

🌐 Community

Passed automated security scans.