Web Performance Optimization
Skill ActiveOptimize web performance using Core Web Vitals, modern patterns (View Transitions, Speculation Rules), and framework-specific techniques
To equip users with the knowledge and strategies needed to significantly improve website performance, leading to better user experience, higher search engine rankings, and increased conversion rates.
Features
- Detailed optimization strategies for Core Web Vitals (LCP, INP, CLS, TTFB, FCP, TBT)
- Guidance on modern performance patterns (View Transitions, Speculation Rules)
- Framework-specific optimization techniques (Next.js, React, Vue, Vite, Astro, SvelteKit)
- Backend, frontend, and infrastructure optimization advice
- Performance monitoring setup (Lighthouse CI, RUM) and debugging tools
Use Cases
- Improving Lighthouse scores and Core Web Vitals
- Reducing page load times and optimizing TTFB
- Implementing modern performance patterns like View Transitions
- Debugging performance bottlenecks across the stack
- Setting up continuous performance monitoring and budgets
Non-Goals
- Providing direct code execution or modification
- Acting as a framework-specific tool itself
- Replacing dedicated performance monitoring services
Maintenance
- warning:Commit recencyThe last commit was over 3 months ago (April 15, 2026), indicating potential maintenance issues and a risk of staleness.
Trust
- warning:Issues Attention4 issues were opened in the last 90 days, but 0 were closed, indicating maintainers respond slowly or do not address open issues.
Versioning
- warning:Release ManagementNo version is declared in the SKILL.md frontmatter or manifests, and installation instructions reference 'main', making version pinning impossible.
Installation
npx skills add bobmatnyc/claude-mpm-skillsRuns the Vercel skills CLI (skills.sh) via npx — needs Node.js locally and at least one installed skills-compatible agent (Claude Code, Cursor, Codex, …). Assumes the repo follows the agentskills.io format.
Quality Score
Similar Extensions
Performance
99Optimize 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".
Netlify Frameworks
98Guide for deploying web frameworks on Netlify. Use when setting up a framework project (Vite/React, Astro, TanStack Start, Next.js, Nuxt, SvelteKit, Remix) for Netlify deployment, configuring adapters or plugins, or troubleshooting framework-specific Netlify integration. Covers what Netlify needs from each framework and how adapters handle server-side rendering.
Core Web Vitals
100Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
Env Manager
99Environment variable validation, security scanning, and management for Next.js, Vite, React, and Node.js applications
Type Audit
100Typography-only audit covering font selection, type scale, readability, hierarchy, performance
Performance Analysis
100Comprehensive performance analysis, bottleneck detection, and optimization recommendations for Claude Flow swarms