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-browser session opened with --enable react-devtools (the DevTools hook is installed at launch only — react suspense errors without it). Target page already loaded. Probe with:

    agent-browser get url       # session alive?
    agent-browser react suspense > /dev/null 2>&1  # hook installed?
    
Installs
1
First Seen
May 14, 2026
diagnose-ppr — gaojude/next-skills