How do I install the React skill?

Run npx skillmds@latest add leeguooooo-chrome-use/react in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is React safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with React?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is React free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

leeguooooo (@leeguooooo-chrome-use) published this skill. Their other Agent Skills are listed on their SkillMD profile.

React by leeguooooo-chrome-use — Agent Skill

Name: React
Rating: 4.666666666666667 (3 reviews)
Author: leeguooooo

React

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.

leeguooooo Updated Sep 9, 2026

File contents

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.

Frequently asked questions