Skill Store 33

React

Inspect React apps and measure Web Vitals with chrome-use's built-in `react …` and `vitals` comma…

by leeguooooo · Apache-2.0

The skill

Inspect React apps and measure Web Vitals with chrome-use's built-in `react …` and `vitals` commands (component tree, props/hooks/state, re-render profiling, Suspense, LCP/CLS/INP, SPA pushstate). Requires launching with --enable react-devtools. Use when debugging a React app's renders/state or measuring page performance.

chrome-use — React / Web Vitals

Inspect React apps and measure Web Vitals with chrome-use's built-in react … and vitals commands.

React / Web Vitals (built-in, any React app)

chrome-use ships with first-class React introspection. Works on any React app — Next.js, Remix, Vite+React, CRA, TanStack Start, React Native Web, etc. The react … commands require the React DevTools hook to be installed at launch via --enable react-devtools:

chrome-use open --enable react-devtools http://localhost:3000
chrome-use react tree                         # component tree
chrome-use react inspect <fiberId>            # props, hooks, state, source
chrome-use react renders start                # begin re-render recording
chrome-use react renders stop                 # print render profile
chrome-use react suspense [--only-dynamic]    # Suspense boundaries + classifier
chrome-use vitals [url]                       # LCP/CLS/TTFB/FCP/INP + hydration
chrome-use pushstate <url>                    # SPA navigation (auto-detects Next router)

Without --enable react-devtools, the react … commands error. vitals and pushstate work on any site regardless of framework.

Use this skill

Connect your agent to the Skill Store MCP server and ask for it by ref: leeguooooo/react-6169965515.

Download SKILL.md · Markdown version

Details

Publisher
leeguooooo
Category
Software Development › Frontend & UI
License
Apache-2.0
Updated
2026-10-19

References

More from leeguooooo

  • Chrome Use Operate web pages in the user's own Chrome on their connected computer through the chrome-use com…
  • Agentcore Run chrome-use on AWS Bedrock AgentCore cloud browsers.
  • Canvas Drive canvas / WebGL / game UIs that paint to a <canvas> with no DOM or accessibility node — game…
  • Core Core chrome-use usage guide.

Related skills

  • React Devtools React DevTools CLI for AI agents.
  • React Best Practices Run measurement-led React and Next.js performance audits for waterfalls, bundle size, RSC/server-…
  • Devtools React React adapter for the json-render devtools inspector.
  • React Optimise Application-level React performance optimization covering React Compiler mastery, bundle optimiza…
  • React Scan Capture and analyze Remotion Studio React render profiles through development-only WebMCP tools.