SuperAPI AI 工具集

inspecting-angular-apps

测试与质量

查看项目

更新于 10-16 08:08

技能介绍

用途:在本地 Angular 开发构建上获取结构化运行时证据,避免仅凭源码下结论。

使用方式:先确认目标是本地 Angular 开发构建,再启动或附加 Chromium: ng-agent open http://localhost:4200 或 ng-agent connect --cdp http://localhost:9222 随后运行 ng-agent status --json,若缺少 Angular 或生产模式阻止检查,应如实报告限制而非猜测。用 ng-agent snapshot --scope current-route --json 捕获关联上下文,并用结构化查询缩小范围,例如 ng-agent query fields invalid=true --json。需要时使用 profile、watch、graph 或 diagnostics 获取时间或因果证据,结束后用 ng-agent close 关闭自有会话。

主要能力:提供组件树、路由、依赖注入、信号、表单、Signal Forms、NgRx 状态等查询命令,例如 ng-agent components tree --json、ng-agent router active --json、ng-agent di tree --json、ng-agent signals list --json、ng-agent forms list --json、ng-agent signal-forms list --json、ng-agent ngrx state --json,以及性能分析 ng-agent profile start / stop --output profile.json 和 ng-agent diagnostics --json。配置 MCP 后优先使用 angular_* 工具,因为其 schema、分页和可复用引用更明确。

限制与规则:区分观察、插桩和推断关系;发现不完整时须声明,无插桩不得声称 Signal 依赖或 DI 消费者是穷尽的;被脱敏或截断的值视为不可用;不得通过调用工厂或 SignalStore 方法解析提供者;除非用户明确请求且配置本地能力令牌,否则保持运行时变更禁用;工具使用优先紧凑 JSON,事件流用 JSONL,不要解析人类可读输出;引用按代次,遇到 STALE_REFERENCE 需重新捕获。