React Grab
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.
- skills.sh installs
- 163
- GitHub stars
- 22
- last updated
- Jun 3, 2026
Install
$ npx -y skills add akillness/oh-my-skills --skill react-grab --agent claude-codeInstalls into .claude/skills of the current project.
Files
react-grab — Browser element context for AI agents
Keyword:
react-grab·grab·element contextPoint at a live React UI element, capture the exact component/file/HTML context, and feed it straight into Claude Code, Cursor, Copilot, Codex, Gemini, or an MCP workflow.
When to use this skill
- Install
react-grabin a React project so agents can copy exact component context from the browser - Choose between clipboard flow, MCP flow, and plugin/API flow for React element capture
- Fix
react-grabsetup issues like wrong load point, missing file paths, or empty MCP responses - Add or remove an agent integration (
claude-code,cursor,codex,gemini,mcp, etc.) - Build a custom plugin or use the primitives API for a project-specific workflow
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/akillness/oh-my-skills
- Category
- Frontend Development
- First seen
- Jun 3, 2026
More from akillness/oh-my-skills
All 81- Skill Autoresearch160
- Agent Browser154
- Harness152
- Strix151
- Obsidian Cli148
- Steam Store Launch Ops143
- Code Refactoring251
- Data Analysis230
- Vercel React Best Practices230
- Technical Writing218
- Frontend Design System216
- Backend Testing211
- Rtk210
- Remotion Video Production206
- Video Production203
- Research Paper Writing196
- Web Accessibility192
- Graphify191
- Presentation Builder189
- Web Design Guidelines189
- Task Planning188
- User Guide Writing188
- Responsive Design187
- File Organization185
Recommended
More Frontend Development
sn-md-to-html-reportopensensenova/sensenova-skills将 Markdown 文档转换为美观、舒适、结构清晰、可直接打开的 HTML 长篇报告。适用于把 .md 文件转成 HTML、统一研究报告/行业报告/调研文档版式、生成可离线分享的单文件网页报告、嵌入或校验本地图片、修复 Markdown 表格分隔符导致的错列问题，或优化已有 HTML 报告的阅读留白、图片呈现、目录导161skills.sh installs
