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.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
