LaunchKit · 2026
officialskills.sh
...
Back to skills

canary

communityinfrastructure

Canary monitors a live app after a deploy by checking pages for console errors, performance regressions, and load failures.

Garry TanGarry Tan
View all Garry Tan skills →

Setup & Installation

npx skills add https://github.com/garrytan/gstack --skill canary
or paste the link and ask your coding assistant to install it
https://github.com/garrytan/gstack/tree/main/canary
View on GitHub

What This Skill Does

Canary monitors a live app after a deploy by checking pages for console errors, performance regressions, and load failures. It takes periodic screenshots, compares them against pre-deploy baselines, and alerts when something changes. Run it after shipping to catch production issues before users report them.

Instead of manually refreshing pages and checking DevTools after every deploy, canary automates the comparison against a known-good baseline so you catch regressions in minutes, not hours.

When to use it

  • Catching a missing env var that breaks the dashboard only in production
  • Detecting a 3x load time regression introduced by a new database query
  • Comparing homepage screenshots before and after a CSS deploy
  • Running a quick post-deploy health check across all main nav pages
  • Alerting on new JavaScript console errors that CI never caught

Similar Skills

wp-performance

A backend-only agent skill for diagnosing and fixing WordPress performance problems.

wp-playground

wp-playground runs disposable WordPress instances in the browser or locally via CLI, using WebAssembly and SQLite.

wp-wpcli-and-ops

Handles WordPress operational tasks via WP-CLI: database exports and imports, URL and domain migrations with search-replace, plugin and theme management, cron inspection, cache flushing, and multisite operations.

apollo-router-plugin-creator

Guides you through writing native Rust plugins for Apollo Router.