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