canary-watch

About this skill

---
name: canary-watch
description: このスキルを使用して、デプロイメント、マージ、または依存関係アップグレード後にデプロイされたURLの回帰を監視します。
origin: ECC
---

# カナリアウォッチ — デプロイ後の監視

## 使用時期

- 本番またはステージングへのデプロイ後
- 危険なPRをマージした後
- 修正が実際に修正されたことを確認したい場合
- ローンチウィンドウ中の継続的監視
- 依存関係アップグレード後

## 動作方法

デプロイされたURLの回帰を監視します。停止されるか監視ウィンドウが期限切れになるまで、ループで実行されます。

### 監視内容

```
1. HTTPステータス — ページは200を返していますか？
2. コンソールエラー — 以前なかった新しいエラーはありますか？
3. ネットワークの障害 — 失敗したAPIコール、5xx応答？
4. パフォーマンス — LCP/CLS/INPの回帰対ベースライン？
5. コンテンツ — 主要な要素は消えましたか？（h1、nav、footer、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:  # 即座の警告
  - HTTPステータス != 200
  - コンソールエラー数 > 5（新しいエラーのみ）
  - LCP > 4s
  - APIエンドポイントは5xxを返す

warning:   # レポートで報告
  - LCP ベースラインから > 500ms増加
  - CLS > 0.1
  - 新しいコンソール警告
  - レスポンス時間 > 2xベースライン

info:      # ログのみ
  - マイナーパフォーマンス分散
  - 新しいネットワークリクエスト（サードパーティスクリプトが追加された？）
```

### 通知

重大なしきい値を超えたとき：
- デスクトップ通知（macOS/Linux）
- オプション：Slack/Discord Webhook
- `~/.claude/canary-watch.log`にログ

## 出力

```markdown
## Canary Report — myapp.com — 2026-03-23 03:15 PST

### Status
- ✓ HTTP 200
- ✓ No critical errors
- ✓ LCP within SLA (1.8s)

### Diffs from Baseline
- CLS: 0.08 (↓ 0.02)
- Response: 245ms (↑ 12ms, OK)
- Network: 42 requests (↑ 3, investigate third-party?)
```

## 統合

- `/benchmark`とペアリングしてパフォーマンス比較
- `/browser-qa`とペアリングして完全なUIテスト
- CI/CDパイプラインに組み込んでオートメーション監視