Summary
Point at any element in your live React app, press Cmd+C, and get the component name, source file path, line number, and rendered HTML copied straight into your AI coding agent. Three modes: clipboard (hover and copy), MCP (agent calls a tool after you select), or custom plugin API if you want lifecycle hooks. Needs Node 22+, dev-only, installs with `npx grab@latest init`. Honestly most useful when you're staring at a bug in the browser and need to hand the exact component context to Claude or Cursor without hunting through your file tree. Stays focused on React element capture, nothing else.
Install to Claude Code
npx -y skills add akillness/oh-my-skills --skill react-grab --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
