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
related skills
semantically similar in the cross-vendor index
don't have the plugin yet? install it then click "run inline in claude" again.
+clear use cases that connect to real ai-agent workflows (cursor, claude code, gemini)
+specific trigger (cmd/ctrl+c on element) rather than generic 'copy ui' instruction
