Canary Watch

affaan-m/ECC/docs/zh-CN/skills/canary-watch

作者 affaan-mef648e01899ba3e8dc6371642deaaf64b4477775無授權條款275K 個星標收錄於 2026年10月9日更新於 2026年10月9日儲存庫4 天前更新

使用此技能在部署、合并或依赖升级后监控已部署的URL是否存在回归问题。

僅含說明DevOps & Cloud
AI 產生的概覽

在發佈後監控已部署的 URL,找出 HTTP 錯誤、主控台錯誤與效能退化等回歸問題。

功能
Canary Watch 會在部署、合併或相依套件升級後,檢查已部署的 URL 是否有回歸問題。它會對照基準檢查 HTTP 狀態、主控台錯誤、失敗的 API 呼叫、效能指標(LCP/CLS/INP)、關鍵內容元素以及 API 健康狀態。它支援單次快速檢查、依間隔持續監控指定時長,以及比較預備環境與正式環境的差異模式。結果以 Markdown 格式的 Canary 報告輸出,超過關鍵閾值時可發送桌面通知或 Webhook 告警。
適用情境
適用於部署到正式或預備環境後、合併高風險 PR 後、驗證修正是否生效時、發佈期間的持續監控,以及相依套件升級後。
執行需求
僅包含說明,未附帶指令碼。需要代理程式的瀏覽器與網路存取權以連線受監控的 URL,可選用桌面通知或 Slack/Discord Webhook 發送告警。日誌會寫入 ~/.claude/canary-watch.log。

Canary Watch — 部署后监控

使用场景

  • 部署到生产或预发布环境后
  • 合并高风险 PR 后
  • 需要验证修复是否生效时
  • 发布窗口期间的持续监控
  • 依赖升级后

工作原理

监控已部署 URL 是否存在回归问题。循环运行,直至手动停止或监控窗口过期。

监控内容

1. HTTP 状态 — 页面是否返回 200?2. 控制台错误 — 是否出现之前没有的新错误?3. 网络故障 — 是否存在失败的 API 调用、5xx 响应?4. 性能 — LCP/CLS/INP 与基线相比是否有退化?5. 内容 — 关键元素是否消失?(h1、导航、页脚、CTA)6. API 健康 — 关键端点是否在 SLA 内响应?

监控模式

快速检查(默认):单次执行,报告结果

/canary-watch https://myapp.com

持续监控:每 N 分钟检查一次,持续 M 小时

/canary-watch https://myapp.com --interval 5m --duration 2h

差异模式:对比预发布环境与生产环境

/canary-watch --compare https://staging.myapp.com https://myapp.com

告警阈值

yaml
critical:  # immediate alert  - HTTP status != 200  - Console error count > 5 (new errors only)  - LCP > 4s  - API endpoint returns 5xx
warning:   # flag in report  - LCP increased > 500ms from baseline  - CLS > 0.1  - New console warnings  - Response time > 2x baseline
info:      # log only  - Minor performance variance  - New network requests (third-party scripts added?)

通知机制

当超过关键阈值时:

  • 桌面通知(macOS/Linux)
  • 可选:Slack/Discord Webhook
  • 记录至 ~/.claude/canary-watch.log

输出

markdown
## Canary 报告 — myapp.com — 2026-03-23 03:15 PST
### 状态:健康 ✓
| 检查项 | 结果 | 基线 | 偏差 ||-------|--------|----------|-------|| HTTP | 200 ✓ | 200 | — || 控制台错误 | 0 ✓ | 0 | — || LCP | 1.8s ✓ | 1.6s | +200ms || CLS | 0.01 ✓ | 0.01 | — || API /health | 145ms ✓ | 120ms | +25ms |
### 未检测到回归问题。部署状态良好。

集成

配合使用:

  • /browser-qa 进行部署前验证
  • 钩子:在 git push 上添加 PostToolUse 钩子,部署后自动检查
  • CI:在 GitHub Actions 的部署步骤后运行

來源與署名

來源:affaan-m/ECC位於docs/zh-CN/skills/canary-watch提交ef648e0

授權條款: 無授權條款

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架