>
react-grab — Browser Element Context for AI Agents Keyword: react-grab · grab · element context · copy component to ai Point at any UI element in your browser, press Cmd/Ctrl+C, and instantly copy its React component name, source file path, and HTML markup to clipboard — ready for your AI coding agent. When to use this skill Set up react-grab in a React project (Next.js, Vite, Webpack) for AI-assisted development Point at UI elements and copy precise component context to Claude Code / Cursor / Copilot / Gemini Add react-grab MCP server so your AI agent can receive element context programmatically Configure react-grab with a custom plugin for project-specific workflows (Jira, Figma, etc.) Use the programmatic API (getElementContext, freeze) for automation or test tooling Remove react-grab from a project or a specific agent integration Instructions
don't have the plugin yet? install it then click "run inline in claude" again.