thedaviddias/front-end-checklist

error-monitoring

Use when setting up a new project's production observability stack, reviewing incident response readiness, or investigating why errors are going undetected.

First seen Jul 31, 2026

Installation

$ npx skills add thedaviddias/front-end-checklist --skill error-monitoring

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from thedaviddias/front-end-checklist · top by installs.

npx skills add thedaviddias/front-end-checklist

Browse all from thedaviddias/front-end-checklist

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 74.1K
License MIT
Default branch main
Open issues 5
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

More metadata
category
testing
priority
high
difficulty
intermediate
estimatedTime
30
source
frontendchecklist.io
url
https://frontendchecklist.io/en/rules/testing/error-monitoring

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,232 B
  • docs SUMMARY.md 180 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 5 installs

SKILL.md

Integrate real-time error monitoring in production

Production errors are invisible without monitoring. Users rarely file detailed bug reports — they simply leave. Error monitoring gives you actionable stack traces, breadcrumbs, and user context within seconds of an issue occurring, cutting mean time to detect (MTTD) from days to minutes and dramatically reducing the cost of incidents.

Quick Reference

  • Install an error monitoring SDK (Sentry, Datadog, Bugsnag, etc.) early in the app entry point
  • Capture unhandled exceptions, unhandled promise rejections, and React error boundaries
  • Attach user context, release version, and environment to every event
  • Configure alert thresholds and on-call routing so critical errors page the right team
  • Capture failed network requests and production RUM signals such as Core Web Vitals

Check

Check whether an error monitoring service is configured and capturing unhandled errors, promise rejections, React/framework-level errors, failed network requests, and production Core Web Vitals signals.

Fix

Integrate an error monitoring SDK, configure environment and release tagging, capture failed network requests and RUM metrics, and set up alerts for critical error thresholds and regressions.

Explain

Explain how error monitoring services work, what signals they capture, and how error grouping reduces alert noise.

Code Review

Review the monitoring initialisation code. Flag missing user context, absent release tagging, overly broad event filters, missing network instrumentation, and any patterns that would swallow errors before they reach the monitoring service.


For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/en/rules/testing/error-monitoring