Pangular Inspector MCP
MCP-сервер и панель для разработчиков Angular: агент видит маршруты, формы, сигналы и зависимости работающего приложения.
- 88 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Читает состояние запущенного приложения и пересылает его на локальный сервер, секреты скрываются только по известным правилам
- Может открывать страницы и переходить по приложению по запросу агента
Установка
- Работает в
Ручная установка
npm install -D @pangular-inspector/devtoolsMCP подключают командой `npx @pangular-inspector/devtools mcp`, а готовую настройку печатает `--print-config`.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Читает состояние запущенного приложения и пересылает его на локальный сервер, секреты скрываются только по известным правилам
- Может открывать страницы и переходить по приложению по запросу агента
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Pangular Inspector собирает инструменты разработчика Angular в одном месте: дерево компонентов, сигналы, внедрение зависимостей, маршруты, формы, пайпы и хранилища NgRx. Запускается во время разработки, при сборке или через агента, а построен на Devframe, поэтому тот же инструмент работает встроенной панелью, отдельным CLI, статическим отчетом, MCP-сервером и расширением Chrome DevTools. Модели кодирования он дает те же сведения, что видит разработчик. Агент перечисляет маршруты, читает живое дерево компонентов, объясняет, почему форма невалидна, и переходит по приложению. Есть два вида подключения: stdio (`pangular mcp`) сканирует исходники проекта, HTTP по адресу `/__devframes/__mcp` показывает и живую страницу, открытую в браузере.
Для кого. Разработчикам на Angular, которые просят агента разобраться в компонентах, зависимостях и формах работающего приложения.
Подходит, если
- Агенту нужен список маршрутов проекта и их компонентов без ручного поиска по файлам.
- Форма не проходит проверку, и надо узнать, какое поле ее сломало.
- Нужно понять, откуда пришла зависимость в компонент и что значит сигнал.
- Состояние хранилища NgRx разбирают вместе с агентом на запущенной странице.
Не подходит, если
- Приложение написано не на Angular: инструмент строится вокруг его структур.
- Dev-сервер нужно открыть в сети за пределами localhost: документация предупреждает этого не делать.
- Нужна диагностика в продакшене: хаб в боевой сборке отключен.
Пример запроса к агенту
Покажи все маршруты приложения и объясни, почему форма регистрации невалидна на открытой странице.MCP
- Транспорт
- stdio, http
- Авторизация
- API-ключ
Переменные окружения
PANGULAR_MCP_TOKEN
Ограничения
Пакет `@pangular-inspector/devtools` ставят как dev-зависимость, а для Angular SSR как обычную зависимость сервера. Хаб отключается при `NODE_ENV=production` и в боевой сборке Angular. Dev-сервер нельзя открывать за пределы localhost: значения, которые ни одно правило не считает секретом, отправляются как есть. Режим stdio видит только исходники, живые данные страницы доступны только по HTTP при открытом приложении в браузере. HTTP-подключение требует токен из `PANGULAR_MCP_TOKEN`, а по адресу вне localhost без `--https` токен идет открытым текстом.
Как отключить. Удалите пакет командой `npm uninstall @pangular-inspector/devtools`, уберите его плагин из конфигурации сборки и удалите запись `pangular` из настроек MCP-клиента.
Частые вопросы
Как подключить к Claude Code?
Командой `npx @pangular-inspector/devtools mcp --print-config`: она печатает готовую строку `claude mcp add` для обоих режимов, а также настройки для Cursor и VS Code.
Чем stdio отличается от HTTP?
Stdio сканирует только исходники проекта, а HTTP по адресу `/__devframes/__mcp` показывает и живую страницу. Сервер stdio называется `pangular`, HTTP-сервер `pangular-live`.
Какие данные скрываются?
Секреты, которые распознают правила, скрываются до отправки. Значения без правила уходят как есть, поэтому сервер не открывают за пределы localhost.
Работает ли это в продакшене?
Нет. Хаб отключен при `NODE_ENV=production` и в боевой сборке Angular, это инструмент для разработки.
Можно ли запретить агенту менять приложение?
Флаг `--read-only` добавляется к команде stdio. Какие инструменты он ограничивает, смотрите в разделе документации про сервер MCP.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыПодключает агента к запущенному dev-серверу Next.js 16+: ошибки, маршруты, логи и путь к документации нужной версии
Консоль, сеть, скриншоты и аудиты Lighthouse из вашего открытого Chrome прямо в агент через расширение DevTools
Скилл и MCP-сервер для Angular-библиотеки spartan/ui: агент ставит компоненты и блоки по актуальной документации.
MCP-сервер SAP отдает агенту каталог из 1000 компонентов Fundamental NGX: API, примеры, сравнения и руководства по настройке
MCP-сервер показывает шаги агента на экране: механический паук ловит слова, а ветви делят работу на код, модель и человека.
Официальный CLI Angular создает рабочее пространство приложения, запускает сервер разработки и поддерживает сопровождение проекта.
Коротко о README
Описаны установка пакета, варианты запуска, ссылки на документацию, раздел агентских инструментов и безопасности, а также сведения о сопровождающих.