canary

Monitors live web apps for console errors, page failures, and performance regressions.

Updated Mar 27, 2026
One-click install
npx skills add https://github.com/BaGyun0107/harness-starterkit --skill canary-bagyun0107
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canary
Source: https://github.com/BaGyun0107/harness-starterkit/tree/main/.agents/skills/gstack-canary
Command: npx skills add https://github.com/BaGyun0107/harness-starterkit --skill canary-bagyun0107

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill detects errors, performance issues, and page failures in live applications, helping teams catch issues early.

Core Features & Use Cases

  • Error Monitoring: Watches console logs for errors after deployment.
  • Performance Tracking: Detects regressions by comparing current metrics to baseline benchmarks.
  • Visual Checks: Takes periodic screenshots and compares them with pre-deploy images to catch UI issues.
  • Use Case: After deploying a new feature, quickly verify that no critical errors or visual glitches appeared, minimizing user impact.

Quick Start

Use the gstack-canary skill to monitor your live app for errors and visual deviations automatically.

Frequently Asked Questions about canary

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I monitor live web applications for console errors after a deployment?

You can monitor live web applications for console errors by configuring monitoring scripts that capture error logs in real time. This ensures post-deploy reliability by catching critical console errors and page failures immediately after release.

What is the best way to detect performance regressions in production web apps?

Detecting performance regressions in production web apps requires comparing current metrics against baseline benchmarks. By establishing baseline comparisons before deployment, you can reliably identify performance anomalies and regressions in live applications.

How do visual regression checks work for post-deploy validation?

Visual regression checks for post-deploy validation work by taking periodic screenshots of your live application and comparing them with pre-deploy images. This visual monitoring process catches UI issues and visual glitches that appear after deployment.

Can I use automated monitoring for ongoing production validation instead of just post-deploy checks?

Automated monitoring supports ongoing production validation as well as post-deploy checks. By continuously capturing console errors, performance metrics, and visual deviations, it maintains reliable anomaly detection throughout the application lifecycle.

Do I need to configure baseline comparisons before detecting anomalies in live applications?

You need to configure baseline comparisons before detecting anomalies in live applications. Establishing these baseline benchmarks for performance and visual checks is required for reliable anomaly detection and accurate regression identification.