The Agent Skills Directory

Official Framework Integration: The skill leverages legitimate Next.js features such as cacheComponents and the experimental.exposeTestingApiInProductionBuild flag. These tools are used as intended by the framework to enable advanced testing and performance optimization.
Security-Conscious Configuration: The instructions include specific guidance on gating experimental testing flags behind environment variables (e.g., checking for preview or staging environments). This practice ensures that sensitive testing hooks are not compiled into final production builds.
Standard Development Tools: The workflow utilizes established tools like Playwright and the @next/playwright utility. It also references official maintenance tools like npx @next/codemod, which are standard for Next.js upgrades.
Architectural Best Practices: The refactoring patterns provided in the skill (such as hoisting static UI and pushing Suspense boundaries down) align with official React and Next.js recommendations for streaming and Partial Prerendering (PPR).

next-cache-components-optimizer