react-grab
Capture exact React element context from a live browser UI and hand it to an AI coding agent as component name, source file path, line number, and HTML.
Skill by StanleyNeoh
Install
Works with Claude Code. Read the repository before you give any tool access to your data.
npx agentmarket install skill/stanleyneoh-react-grab
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, writing, agent-building
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Shell scripts
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/react-grab
Tools it pre-approves 7
From allowed-tools in SKILL.md: the agent may use these without asking you each time.
BashReadWriteEditGlobGrepWebFetch
What's inside
- Skill name
react-grab- Description
- Capture exact React element context from a live browser UI and hand it to an AI coding agent as component name, source file path, line number, and HTML. Use when the user wants `react-grab`, element-context copy, component-source lookup from the browser, clipboard-to-agent React debugging, or MCP-backed element selection for React apps. Not for generic browser automation or login/session reuse (`browser-harness`, `playwriter`), broad UI annotation/review (`agentation`), React performance audits (`react-best-practices`), or general design-system work (`design-system`). Triggers on: react-grab, grab element context, copy component to AI, browser component picker, React component inspector, clipboard component source, get element context from browser, grab UI element.
- License
- unknown
- Allowed tools
- Bash, Read, Write, Edit, Glob, Grep, WebFetch
- Metadata
- tags: react-grab, grab, element-context, ai-agent, clipboard, component-inspector, dev-tools, react, browser, mcp · source: https://github.com/aidenybai/react-grab · license: MIT · version: 1.1
- Instructions
- 196 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
- Pre-approves any shell command
Files (9)
- SKILL.md
- SKILL.toon
- evals.json · evals/
- agent-workflows.md · references/
- api.md · references/
- install-and-routing.md · references/
- troubleshooting.md · references/
- add-agent.sh · scripts/
- install.sh · scripts/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from StanleyNeoh/alwayspcn
- 0.469score
gsd
StanleyNeoh
Get Shit Done (GSD) - A comprehensive project management system for solo developers using Claude agents
SkillCFreshness: CClaude Code +9 - 0.445score
react-grab
StanleyNeoh
Use when the user wants a hands-free loop where grabbing UI elements in the browser with React Grab feeds tasks to the agent automatically, with no copy-paste…
SkillCFreshness: CClaude Code +9 - 0.252score
commands
StanleyNeoh
No description from the publisher yet.
SkillCFreshness: CClaude Code +9 - 0.252score
design-guide
StanleyNeoh
No description from the publisher yet.
SkillCFreshness: CClaude Code +9 - 0.252score
documentation
StanleyNeoh
No description from the publisher yet.
SkillCFreshness: CClaude Code +9 - 0.252score
planning
StanleyNeoh
No description from the publisher yet.
SkillCFreshness: CClaude Code +9 - 0.252score
product-planning
StanleyNeoh
No description from the publisher yet.
SkillCFreshness: CClaude Code +9 - 0.249score
project-context
StanleyNeoh
No description from the publisher yet.
SkillCFreshness: CClaude Code +9 - 0.249score
validation
StanleyNeoh
No description from the publisher yet.
SkillCFreshness: CClaude Code +9 - 0.249score
coding-rules
StanleyNeoh
No description from the publisher yet.
SkillCFreshness: CClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Jul 11, 2026 (3 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- Version
- 1.1
- License
- License unknown
- Repository
- github.com/StanleyNeoh/alwayspcn
- Website
- alwayspcn.ankvale.com/
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from StanleyNeoh
- 0.469score
gsd
StanleyNeoh
Get Shit Done (GSD) - A comprehensive project management system for solo developers using Claude agents
SkillCFreshness: CClaude Code +9 - 0.445score
react-grab
StanleyNeoh
Use when the user wants a hands-free loop where grabbing UI elements in the browser with React Grab feeds tasks to the agent automatically, with no copy-paste…
SkillCFreshness: CClaude Code +9
Cite this page
react-grab skill. Agent Mart. https://agentmart.dev/skills/stanleyneoh-react-grab (last updated 2026-10-24)