CODING2 Multi-file Components

Next.js 16 Production Performance & Bundle Auditor

Detailed diagnostic instructions, script snippets, and architectural rules to keep Next.js App Router applications blazing fast, maintaining 99+ Lighthouse scores and instant interaction responsiveness.

Author: TRIHEX Architecture Lab

•

License: MIT

•

Version: 2.1.0

Inert Code Verified · Heuristic Static Security ScannerHeuristic Scanner: LOW Risk

Heuristic static security scanner audited 2 files (2520 bytes). External code. Review before execution.

v2.1.0

Skill Files (2)

Compatible Runtimes

AntigravityClaude CodeCursor

SKILL.md·markdown

# Next.js 16 Production Performance & Bundle Auditor

Systematic protocol for diagnosing server waterfall requests, optimizing Core Web Vitals (LCP, INP, CLS), and eliminating bloated client bundles.

## Core Invariants & Rules
1. Move non-interactive components to React Server Components. Avoid client waterfall fetching.
2. Verify input validation and security boundaries on all executions.
3. Keep configurations modular, typed, and auditable.

## Operational Workflow
1. Analyze requirements against existing codebase patterns.
2. Apply standardized implementation templates.
3. Execute verification suites before deployment.