qa-perf

Diagnose web performance metrics and apply frontend and backend optimizations.

5|Updated Jan 15, 2026
One-click install
npx skills add https://github.com/christopherlouet/claude-base --skill qa-perf
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: qa-perf
Source: https://github.com/christopherlouet/claude-base/tree/main/.claude/skills/qa-perf
Command: npx skills add https://github.com/christopherlouet/claude-base --skill qa-perf

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers and web teams improve application speed and reduce latency by providing best practices, optimization techniques, and troubleshooting guidance.

Core Features & Use Cases

  • Performance Metrics Analysis: Identify bottlenecks like TTFB, LCP, FID, and CLS through code snippets and diagnostic instructions.
  • Optimization Strategies: Offer actionable recommendations for frontend and backend improvements such as image optimization, caching, code splitting, and better resource management.
  • Use Case: When deploying a web application that receives slow load times, use this Skill to diagnose issues and receive step-by-step fixes to boost performance metrics.

Quick Start

Ask the AI to analyze your website’s performance issues and suggest specific improvements based on provided Lighthouse reports and code snippets.

Frequently Asked Questions about qa-perf

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

FAQPage Schema
How do I diagnose slow web performance metrics like LCP and CLS?

To diagnose slow web performance metrics like LCP and CLS, you can analyze your Lighthouse reports and code snippets to identify bottlenecks. This Skill provides diagnostic instructions to pinpoint specific frontend issues affecting load times.

What's the best way to optimize frontend web applications for high traffic?

The best way to optimize frontend web applications for high traffic is by applying targeted strategies like image optimization, code splitting, and better resource management. This Skill provides actionable recommendations to reduce latency and boost performance.

How do I reduce high TTFB in web applications?

To reduce high TTFB in web applications, you need backend optimization techniques such as improved caching and resource management. This Skill offers targeted troubleshooting guidance to enhance backend systems and lower server response latency.

Can I use Lighthouse reports to fix web application latency issues?

Yes, you can use Lighthouse reports to fix web application latency issues. By providing your diagnostic data and code snippets to this Skill, you receive step-by-step fixes to improve performance metrics and enhance overall user experience.

Do I need web development expertise to improve website performance?

Yes, you need web development expertise and access to diagnostic data to effectively improve website performance. This Skill is designed for developers working on high-traffic websites who aim to meet performance standards and user experience goals.

Why does my web application have slow load times after deployment?

Slow load times after deployment often stem from frontend bottlenecks or backend latency issues. By analyzing your code snippets and diagnostic reports, this Skill helps identify these problems and suggests specific improvements to boost performance.