ホーム/AI システム可観測性・SRE/canary-watch
C

canary-watch

by @affaan-mv
4.4(20)

デプロイ後にWebアプリケーションの健全性を継続的に監視。パフォーマンス異常、エラー率、機能低下を自動検出し、アラート通知と根本原因分析をサポート。

monitoringdeploymentobservabilitydevopsautomationGitHub
インストール方法
npx skills add affaan-m/everything-claude-code --skill canary-watch
compare_arrows

Before / After 効果比較

1 组
使用前

デプロイ後、手動でページを更新して機能を確認し、ログを調べてエラーをトラブルシューティングし、監視ツールを使用してパフォーマンス指標を観察する必要があります。問題が発見されたときには、すでにユーザーに影響を与えていることが多く、根本原因の分析には1〜2時間かかり、迅速なロールバックは困難です。

使用後

デプロイ後、監視パトロールが自動的に開始され、定期的に主要なページにアクセスしてエラー率と応答時間を検出します。異常が発生した場合は、すぐにアラートがトリガーされ、詳細なログとメトリック分析が提供されます。5分以内に問題を特定し、自動ロールバックの決定をサポートします。

SKILL.md

canary-watch

Canary Watch — Post-Deploy Monitoring

When to Use

  • After deploying to production or staging

  • After merging a risky PR

  • When you want to verify a fix actually fixed it

  • Continuous monitoring during a launch window

  • After dependency upgrades

How It Works

Monitors a deployed URL for regressions. Runs in a loop until stopped or until the watch window expires.

What It Watches

1. HTTP Status — is the page returning 200?
2. Console Errors — new errors that weren't there before?
3. Network Failures — failed API calls, 5xx responses?
4. Performance — LCP/CLS/INP regression vs baseline?
5. Content — did key elements disappear? (h1, nav, footer, CTA)
6. API Health — are critical endpoints responding within SLA?

Watch Modes

Quick check (default): single pass, report results

/canary-watch https://myapp.com

Sustained watch: check every N minutes for M hours

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

Diff mode: compare staging vs production

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

Alert Thresholds

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?)

Notifications

When a critical threshold is crossed:

  • Desktop notification (macOS/Linux)

  • Optional: Slack/Discord webhook

  • Log to ~/.claude/canary-watch.log

Output

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

### Status: HEALTHY ✓

| Check | Result | Baseline | Delta |
|-------|--------|----------|-------|
| HTTP | 200 ✓ | 200 | — |
| Console errors | 0 ✓ | 0 | — |
| LCP | 1.8s ✓ | 1.6s | +200ms |
| CLS | 0.01 ✓ | 0.01 | — |
| API /health | 145ms ✓ | 120ms | +25ms |

### No regressions detected. Deploy is clean.

Integration

Pair with:

  • /browser-qa for pre-deploy verification

  • Hooks: add as a PostToolUse hook on git push to auto-check after deploys

  • CI: run in GitHub Actions after deploy step

Weekly Installs494Repositoryaffaan-m/everyt…ude-codeGitHub Stars144.9KFirst Seen10 days agoSecurity AuditsGen Agent Trust HubPassSocketPassSnykWarnInstalled oncodex459opencode437cursor432github-copilot431antigravity431gemini-cli430

ユーザーレビュー (0)

レビューを書く

効果
使いやすさ
ドキュメント
互換性

レビューなし

統計データ

インストール数2.9K
評価4.4 / 5.0
バージョン
更新日2026年5月23日
比較事例1 件

ユーザー評価

4.4(20)
5
75%
4
25%
3
0%
2
0%
1
0%

この Skill を評価

0.0

対応プラットフォーム

🔧Claude Code

タイムライン

作成2026年4月9日
最終更新2026年5月23日