angular-grab: Инструмент для извлечения контекста компонентов Angular для AI-агентов

Что делает angular-grab

angular-grab решает проблему ручного сбора контекста при работе с AI-агентами, такими как Claude, ChatGPT или Copilot, в Angular-приложениях. Вместо того чтобы вручную собирать и объяснять структуры компонентов, HTML и расположение файлов, вы можете извлечь эту информацию одной командой.

Как это работает

Во время разработки вы наводите курсор на любой элемент интерфейса в вашем сервере разработки Angular и нажимаете Cmd+C. Инструмент копирует в буфер обмена:

• Полную иерархию компонентов (всё дерево компонентов, а не только выбранный элемент)
• Расположение исходных файлов с номерами строк
• Очищенный HTML-вывод без артефактов фреймворка

Этот вывод можно напрямую вставить в любой AI-инструмент, принимающий текстовый ввод.

Ключевые особенности

• Нулевое влияние на продакшен (инструмент только для разработки)
• Лицензия MIT и бесплатный
• Работает с любым AI-агентом, принимающим текстовый ввод
• Недавно добавлена поддержка MCP-сервера для меньшего количества шагов при получении контекста

Установка и настройка

Установите с помощью: npx @nacho-labs/angular-grab init

Инструмент был создан, чтобы сократить время, затрачиваемое на ручной сбор контекста для сессий AI-кодинга, особенно полезен для разработчиков и QA-команд, работающих с Angular-проектами.

Ресурсы

• GitHub: https://github.com/Nacho-Labs-LLC/angular-grab
• NPM: @nacho-labs/angular-grab
• Сайт: https://angular-grab.com
• Живая демонстрация: https://stackblitz.com/edit/angular-grab?embed=1&view=preview