react-grab

Captures file name, component code, and HTML of clicked UI elements.

5|3|Updated Apr 12, 2025

Search Tags:#ui #editing #react #ai #grab #visual selection

Ready to run

npx skills add https://github.com/iamhenry/ai-project-starter-kit --skill react-grab

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react-grab
Source: https://github.com/iamhenry/ai-project-starter-kit/tree/main/.claude/skills/react-grab
Command: npx skills add https://github.com/iamhenry/ai-project-starter-kit --skill react-grab

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Lets you click UI elements inside your running app to capture their context for AI-assisted editing, reducing back-and-forth description.

Core Features & Use Cases

Instantly capture file name, component code, and HTML
Send context directly to Claude Code for modification
Improves developer productivity with precise context

Quick Start

npx @react-grab/cli@latest // automatic setup; refresh page after // or manual setup described in docs