Inspect React component trees and profile Next.js performance via CLI commands.
npx skills add https://github.com/re-sohail/e-commerce --skill next-browser
Please help me install this Agent Skill. Skill: next-browser Source: https://github.com/re-sohail/e-commerce/tree/main/.agents/skills/next-browser Command: npx skills add https://github.com/re-sohail/e-commerce --skill next-browser
This Skill bridges the gap for AI agents unable to visually interact with browser DevTools, providing structured CLI commands to inspect React components, analyze Next.js performance, and debug PPR shells just like a human developer.
tree and tree <id> commands.perf, lock/unlock PPR shells for static/dynamic hole detection, and track re-renders.renders start, interact to reproduce lag, then renders stop to identify wasteful re-renders, followed by code fixes.Invoke the next-browser skill to launch a browser at your local Next.js dev server URL and generate a full React component tree snapshot.
High-intent search queries and answers about installing and using this skill.
AI agents inspect React component state and props using CLI commands like `tree` and `tree <id>` to traverse the React tree and retrieve structured text output without visual DevTools.
Profile Next.js performance and debug slow dashboard loads by running the `perf` command to analyze page loads, and use `renders start` and `renders stop` to identify wasteful re-renders during interaction.
You can debug Next.js PPR shells by locking and unlocking PPR shells through CLI commands to detect static and dynamic holes within your React and Next.js applications.
React DevTools inspection does not require a visual browser; it uses Playwright Chromium with a pre-loaded DevTools extension to maintain a persistent browser session for repeated CLI inspections.
The best way to track React re-renders in a local dev server is to launch a persistent browser session at your local URL, run `renders start`, interact to reproduce lag, then run `renders stop` to identify wasteful re-renders.
mynameistitoInspect React component trees and Next.js dev server diagnostics.
GeneralJerelAudit React components for rendering inefficiencies and output concrete fixes.
spencerpaulyAdd Sentry error tracking and performance monitoring to web applications.
hasanjafriInspect and control a Next.js dev server via React DevTools-like data.