react-grab

SKILL.md

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