angular-grab: Tool for Extracting Angular Component Context for AI Agents
What angular-grab does
angular-grab solves the manual context gathering problem when working with AI agents like Claude, ChatGPT, or Copilot on Angular applications. Instead of manually collecting and explaining component structures, HTML, and file locations, you can extract this information with a single command.
How it works
During development, you point at any UI element in your Angular dev server and press Cmd+C. The tool copies to your clipboard:
- Complete component ancestry (the entire component tree, not just the selected element)
- Source file locations with line numbers
- Cleaned HTML output without framework artifacts
This output can be pasted directly into any AI tool that accepts text input.
Key features
- Zero production impact (dev-only tool)
- MIT licensed and free
- Works with any AI agent that accepts text input
- Recently added MCP server support for fewer steps in getting context
Installation and setup
Install with: npx @nacho-labs/angular-grab init
The tool was built to reduce time spent manually gathering context for AI coding sessions, particularly useful for developers and QA teams working with Angular projects.
Resources
- GitHub: https://github.com/Nacho-Labs-LLC/angular-grab
- NPM: @nacho-labs/angular-grab
- Website: https://angular-grab.com
- Live demo: https://stackblitz.com/edit/angular-grab?embed=1&view=preview
📖 Read the full source: r/ClaudeAI
👀 See Also
Four Free Claude Code Skills for Prompt Clarity, Tutorials, and Bug Hunting
Four Apache 2.0, no-paid-tier Claude Code skills: prompter (prompt rewriting), tutorial-creator (annotated code walkthroughs), bug-echo (post-fix anti-pattern sweep), and bug-prospector (pre-release audit with 7 analysis lenses).
CodeVibe: Push Notifications for AI Coding Agents When Blocked on Input
CodeVibe sends push notifications to your phone when AI coding agents like Claude Code get stuck waiting for approval on edit operations. You can review file diffs and respond with numbered options to keep the agent moving.
Watchtower: A Local Proxy for Monitoring Claude Code API Traffic
Watchtower is a free, open-source tool that acts as a local HTTP proxy and real-time web dashboard to intercept and display all API traffic between Claude Code (or Codex CLI) and their APIs. It shows requests, SSE streams, tool definitions, system prompts, token usage, and rate limits.
QCAI Mobile App Adds OpenClaw Gateway Control with Native Tailscale VPN
QCAI for iOS and Android now integrates with OpenClaw Control Center, allowing direct gateway management from mobile devices via secure Tailscale VPN tunnels without open ports.