React Component Inspector for AI

by lkjh0606@gmail.com · Developer Tools

Manifest V3 Free

View in Chrome Web Store Data as of 16 Oct 2026

Click any React element to inspect its component tree and copy AI-friendly context for Claude Code, Cursor, and other AI assistants.

Users

0 in 30 days

Rating

0.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#154K

#128K among extensions

Version

1.0.1

updated 29 Mar 2026

Users

monthly, 7 months

Latest, 16 Oct 2026: 19 usersMove the mouse over the chart for any month

Ratings count

monthly, 7 months

Latest, 16 Oct 2026: 0 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About React Component Inspector for AI

React Component Inspector for AI - React 앱에서 클릭 한 번으로 컴포넌트 트리를 확인하고 AI 코딩 어시스턴트에 바로 붙여넣을 수 있는 형식으로 복사합니다. Features: • Click any element to see its React component hierarchy • One-click copy in AI-friendly format (component tree + file name) • Hover highlight to identify React elements • Filters out framework internals (Next.js, React Router, etc.) • Dark theme overlay panel • Zero project setup required How to use: 1. Click the extension icon to enable inspect mode 2. Hover over elements to see highlights 3. Click an element to open the component tree panel 4. Click "Copy" to copy component info to clipboard 5. Paste into Claude Code, Cursor, or any AI assistant Works with React 17, 18, 19 including Next.js App Router. No project code changes needed - just install and use. Supported AI assistants: Claude Code, Cursor, GitHub Copilot, Windsurf, and more.