Back to Hooks

Performance Budget Guard

Hooks performance 375

Monitor bundle size and Core Web Vitals metrics during development, blocking deployments that exceed performance budgets with detailed reports. Automatically analyzes Next.js build output, checks bundle sizes against predefined budgets, and provides optimization recommendations. Hook triggers on PostToolUse for build-related operations and file changes that could affect performance.

Install Command
npx claude-code-templates@latest --hook performance/performance-budget-guard
View on GitHub
claude-code — performance-budget-guard

Content

JSON
{
"description": "Monitor bundle size and Core Web Vitals metrics during development, blocking dep..."
"hooks": {
"PostToolUse": [2 items]
}
}

Stack Builder

0 components

Your stack is empty

Browse components and click the + button to add them to your stack for easy installation.