#130 · Primary category: AI Coding Assistants
react-grab
Copy any UI element for your agent
Project last updated:08/22/26
GitHub Stars
7.6K
Forks
337
Contributors
20
License
MIT
Why we included this project
Ask an AI coding agent to change a button and it often guesses which file defines it. React Grab removes that guesswork by letting you hover any element in your running app and press Ctrl+C; it copies the component's stack with the exact source file and line number, which you paste directly into your agent. The tool injects itself into development builds for Next.js, Vite, and Webpack via a one-line CLI command or a manual script tag, and only runs in the dev environment, so it never ships to production. For teams that spend a lot of time describing UI changes to agents, this turns vague prompts into concrete references, and the project's own benchmarks report agents work about twice as fast.
Articles for this project
No articles for this project yet.
To suggest a topic or contribute an article, contact us.
Related projects in this category
superpowers
An agentic skills framework & software development methodology that works.
ECC
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
skills
Skills for Real Engineers. Straight from my .agents directory.
opencode
The open source coding agent.
andrej-karpathy-skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.