skills.rest
aditya30103
aditya30103COMMUNITY
Explore all skills by this author →
GitHub

perf-check

Audit web project builds, bundle sizes, and Vercel deployment configurations.

1|Updated Feb 5, 2026
Search Tags:#performance#deployment#optimization#bundle size#build#quality check
One-click install
npx skills add https://github.com/aditya30103/ContentDeck --skill perf-check
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: perf-check
Source: https://github.com/aditya30103/ContentDeck/tree/main/.claude/skills/perf-check
Command: npx skills add https://github.com/aditya30103/ContentDeck --skill perf-check

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures your project's build process is efficient, its bundle sizes are optimized, and it meets deployment readiness criteria, preventing performance regressions and deployment issues.

Core Features & Use Cases

  • Quality Checks: Automates running linters, type checkers, tests, and builds.
  • Bundle Size Measurement: Tracks JS and CSS bundle sizes and build times against baselines.
  • Deployment Configuration Verification: Validates critical configuration files like vercel.json, public/sw.js, index.html, and public/manifest.json for optimal deployment.
  • TTFB Investigation: Provides guidance on investigating Time To First Byte issues related to caching and server configuration.

Quick Start

Run a comprehensive performance and deployment readiness check for the project.

Frequently Asked Questions about perf-check

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

FAQPage Schema
How do I audit my web project's build performance and bundle size?▼

To audit build performance and bundle size, run automated build scripts to measure JS and CSS bundle sizes against baselines. This process identifies potential performance bottlenecks and verifies deployment readiness.

What is the best way to verify Vercel deployment configurations?▼

Verifying Vercel deployment configurations involves validating critical files like `vercel.json`, `public/sw.js`, `index.html`, and `public/manifest.json` to ensure adherence to deployment best practices and prevent issues.

Do I need npm and bash to run a deployment readiness check?▼

Yes, executing a deployment readiness check requires npm and bash execution environments. These dependencies are necessary to run linters, type checkers, tests, and measure build times.

How do I investigate Time To First Byte issues related to caching?▼

Investigating Time To First Byte (TTFB) issues involves analyzing server configurations and caching mechanisms. The audit provides specific guidance on identifying bottlenecks affecting your initial server response times.

Can I automate quality checks for linters and type checkers before deployment?▼

Yes, you can automate quality checks by running linters, type checkers, and tests during the build process. This ensures your project meets quality standards and prevents performance regressions before deployment.

Related Skills

Explore More Software Engineering Skills→
jholhewresjholhewres
3

bundler-analyze

Analyze JavaScript bundle sizes for Vite and Webpack projects.

Community
Basic
windyskywindysky

moai-platform-vercel

Deploy Next.js applications to Vercel with edge functions, ISR, and preview deployments.

Community
Advanced
jfrometajfrometa

lint-and-validate

Run lint, type checks, and security audits on Node.js and Python projects.

Community
Advanced
686f6c61686f6c61
105

bundle-size

Analyze frontend bundles and apply tree shaking, code splitting, and lazy loading.

Community
Intermediate