skills.rest
bohdanbirdie
bohdanbirdieCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-perf

Analyze and optimize web performance using Chrome DevTools MCP.

29|1|Updated Jan 18, 2026
Search Tags:#accessibility#auditing#web-performance#core-web-vitals#network-analysis#chrome-devtools-mcp
One-click install
npx skills add https://github.com/bohdanbirdie/cloudstash --skill web-perf-bohdanbirdie
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/bohdanbirdie/cloudstash/tree/main/.agents/skills/web-perf
Command: npx skills add https://github.com/bohdanbirdie/cloudstash --skill web-perf-bohdanbirdie

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Analyzes and optimizes web performance using Chrome DevTools MCP to improve Core Web Vitals and overall page load speed.

Core Features & Use Cases

  • Core Web Vitals analysis: Measures FCP, LCP, TBT, CLS, and Speed Index to quantify user-perceived performance.
  • Resource and network insights: Identifies render-blocking resources, dependency chains, caching issues, and accessibility gaps.
  • Use Case: Ideal for audits, profiling, debugging, and optimization tasks across marketing sites, SPAs, and ecommerce pages.

Quick Start

Launch an MCP-enabled performance audit on a target URL and review actionable recommendations.

Frequently Asked Questions about web-perf

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit my website's Core Web Vitals like LCP and CLS?▼

You can audit Core Web Vitals by running an MCP-driven performance trace on your target URL to measure FCP, LCP, TBT, CLS, and Speed Index, which yields actionable recommendations for improving page load speed.

What is the best way to identify render-blocking resources during web performance profiling?▼

Web performance profiling identifies render-blocking resources and dependency chains by using Chrome DevTools MCP to start performance traces and analyze network insights, helping you optimize resource loading for faster page speeds.

Can I use Chrome DevTools MCP to debug page load speed on single page applications?▼

Yes, Chrome DevTools MCP supports debugging and optimization tasks for single page applications, marketing sites, and ecommerce pages by navigating to the target URL and analyzing performance insights to quantify user-perceived performance.

Do I need an MCP server to measure Speed Index and network dependencies?▼

Yes, an MCP server is required to utilize the navigate_page, performance_start_trace, and performance_analyze_insight APIs needed to measure Speed Index and analyze network dependencies for web performance optimization.

How does an accessibility snapshot help with web performance optimization?▼

An accessibility snapshot helps web performance optimization by identifying accessibility gaps alongside network analysis, ensuring that resource loading improvements and Core Web Vitals enhancements do not negatively impact user accessibility.

Related Skills

Explore More Software Engineering Skills→
hgflimahgflima
1

browser-testing-with-devtools

Automate browser testing with Chrome DevTools MCP for DOM inspection and console analysis.

Community
Advanced
daveiodaveio

web-perf

Measure Core Web Vitals and detect render-blocking resources with Chrome DevTools MCP.

Community
Intermediate
huuhiep0303huuhiep0303

browser-testing-with-devtools

Test web applications in real browsers using Chrome DevTools.

Community
Advanced
elithrarelithrar
190

web-perf

Analyze and optimize web performance using Chrome DevTools MCP metrics.

Community
Advanced