diagnose-ppr
Installation
SKILL.md
diagnose-ppr
Measures how much real content lives in the PPR static shell vs how much streams in after dynamic data resolves. The cookie-lock protocol makes the static shell observable in a real browser; the React DevTools Suspense view shows where boundaries actually sit.
Prerequisites
-
Next.js 16+ with
cacheComponents: true(mandatory — without it there is no PPR to test). -
An
agent-browsersession opened with--enable react-devtools(the DevTools hook is installed at launch only —react suspenseerrors without it). Target page already loaded. Probe with:agent-browser get url # session alive? agent-browser react suspense > /dev/null 2>&1 # hook installed?