performance-check

Analyze frontend projects for Core Web Vitals and bundle efficiency issues.

1|Updated Aug 16, 2025
One-click install
npx skills add https://github.com/RB-chrismandich/Manifest --skill performance-check-rb-chrismandich
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-check
Source: https://github.com/RB-chrismandich/Manifest/tree/main/configs/claude/skills/performance-check
Command: npx skills add https://github.com/RB-chrismandich/Manifest --skill performance-check-rb-chrismandich

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend performance issues such as large bundle sizes, slow render times, and suboptimal loading strategies hamper user experience and conversions. This skill helps teams identify bottlenecks and articulate concrete optimizations.

Core Features & Use Cases

  • Static analysis across modern frameworks (Next.js, Vite, Webpack, CRA, plain HTML) to evaluate Core Web Vitals targets, bundle efficiency, and loading strategies.
  • Recommendations for lazy loading, image optimization, caching, and code-splitting to accelerate user-perceived performance.
  • Use cases include baseline performance audits, performance-focused CI checks, and optimization backlog generation.

Quick Start

Run the performance-check skill against a project to surface Core Web Vitals optimizations.

Frequently Asked Questions about performance-check

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

FAQPage Schema
How do I identify frontend performance issues affecting Core Web Vitals?

To identify frontend performance issues affecting Core Web Vitals, run a static analysis on your project to evaluate CWV targets, bundle efficiency, and loading strategies. This surfaces specific bottlenecks like large bundle sizes and suboptimal caching.

Can I run a performance audit on a Vite or Webpack project?

Yes, you can run a performance audit on a Vite or Webpack project. The analysis supports modern frameworks including Next.js, Vite, Webpack, CRA, and plain HTML to evaluate bundle size and loading strategies.

What is the best way to reduce bundle size and improve lazy loading?

The best way to reduce bundle size and improve lazy loading is to analyze your project's static assets and code-splitting structure. This generates concrete recommendations for optimizing image formats and deferring non-critical script loading.

How do I set up performance-focused CI checks for a web app?

You can set up performance-focused CI checks by integrating static analysis into your pipeline to evaluate Core Web Vitals targets and bundle efficiency. This validates that loading strategies and caching meet baseline performance standards.

Why does my web app have slow render times despite using a modern framework?

Slow render times in modern frameworks often stem from suboptimal loading strategies, large bundle sizes, or unoptimized images. Static analysis identifies these specific bottlenecks and recommends code-splitting and caching optimizations.

Does static analysis work for image optimization and caching recommendations?

Yes, static analysis works for image optimization and caching recommendations by evaluating your project's assets and headers. It articulates concrete strategies to accelerate user-perceived performance without runtime profiling.