AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing aidenybai/react-grab in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context on-demand, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Embed this Badge
Showcase RepoMind's analysis directly in your repository's README.
Repository Overview (README excerpt)
Crawler viewReact Grab Select context for coding agents directly from your website How? Point at any element and press **⌘C** (Mac) or **Ctrl+C** (Windows/Linux) to copy the file name, React component, and HTML source code. It makes tools like Cursor, Claude Code, Copilot run up to **3× faster** and more accurate. Try out a demo! → Install Run this command at your project root (where or is located): Connect to MCP Usage Once installed, hover over any UI element in your browser and press: • **⌘C** (Cmd+C) on Mac • **Ctrl+C** on Windows/Linux This copies the element's context (file name, React component, and HTML source code) to your clipboard ready to paste into your coding agent. For example: Manual Installation If you're using a React framework or build tool, view instructions below: Next.js (App router) Add this inside of your : Next.js (Pages router) Add this into your : Vite Add this at the top of your main entry file (e.g., ): Webpack First, install React Grab: Then add this at the top of your main entry file (e.g., or ): Plugins Use plugins to extend React Grab's built-in UI with context menu actions, toolbar menu items, lifecycle hooks, and theme overrides. Plugins run within React Grab. Register a plugin using the and exports: In React, register inside a : Actions use a field to control where they appear. Omit (or set ) for the right-click menu, or set for the toolbar dropdown: See for the full , , and interfaces. Resources & Contributing Back Want to try it out? Check out our demo. Looking to contribute back? Check out the Contributing Guide. Want to talk to the community? Hop in our Discord and share your ideas and what you've built with React Grab. Find a bug? Head over to our issue tracker and we'll do our best to help. We love pull requests, too! We expect all contributors to abide by the terms of our Code of Conduct. **→ Start contributing on GitHub** License React Grab is MIT-licensed open-source software. _Thank you to Andrew Luetgers for donating the npm package name._