此内容尚未提供您的语言版本,正在以英文显示。

Web Performance Optimization

技能活跃

Optimize 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.

功能

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

使用场景

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

非目标

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.

安装

npx skills add bobmatnyc/claude-mpm-skills

通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 Node.js,以及至少一个兼容 skills 的智能体(Claude Code、Cursor、Codex 等)。前提是仓库遵循 agentskills.io 格式。

质量评分

75 /100

1 day ago 分析

信任信号

最近提交29 days ago

GitHub 所有者 bobmatnyc

星标44

许可证MIT

状态

查看源代码

类似扩展

Performance

优化网站性能，实现更快的加载速度和更好的用户体验。当用户要求“加速我的网站”、“优化性能”、“减少加载时间”、“修复加载缓慢”、“提升页面速度”或“性能审计”时使用。

技能

addyosmani

Netlify 框架

Netlify 上部署 Web 框架的指南。适用于为 Netlify 部署设置框架项目（Vite/React、Astro、TanStack Start、Next.js、Nuxt、SvelteKit、Remix）、配置适配器或插件、或排查特定框架与 Netlify 的集成问题。涵盖 Netlify 对每个框架的需求以及适配器如何处理服务器端渲染。

技能

netlify

Core Web Vitals

100

优化核心 Web 指标（LCP、INP、CLS），以获得更好的页面体验和搜索排名。当被要求“改进核心 Web 指标”、“修复 LCP”、“减少 CLS”、“优化 INP”、“页面体验优化”或“修复布局偏移”时使用。

技能

addyosmani

Env Manager

Environment variable validation, security scanning, and management for Next.js, Vite, React, and Node.js applications

技能

bobmatnyc

Type Audit

100

Typography-only audit covering font selection, type scale, readability, hierarchy, performance

技能

Aboudjem

Performance Analysis

100

Comprehensive performance analysis, bottleneck detection, and optimization recommendations for Claude Flow swarms

技能

ruvnet