React Component Inspector for AI

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

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.