# Monitoring

> >-

- **Type:** Skill
- **Install:** `agentstack add skill-sukirman1901-frontend-expert-monitoring`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [sukirman1901](https://agentstack.voostack.com/s/sukirman1901)
- **Installs:** 0
- **Category:** [Agent Skills](https://agentstack.voostack.com/c/agent-skills)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [sukirman1901](https://github.com/sukirman1901)
- **Source:** https://github.com/sukirman1901/frontend-expert/tree/main/skills/monitoring
- **Website:** https://github.com/sukirman1901/frontend-expert

## Install

```sh
agentstack add skill-sukirman1901-frontend-expert-monitoring
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# Monitoring

## Overview

Ship UI with enough production signal: errors, performance, and product analytics — without boiling the ocean.

## When to use

- Add/fix Sentry (or similar) + error boundaries
- Performance monitoring / CWV in production
- Analytics events for key UI flows
- Alerting on error spikes or CWV regressions

## When to skip

- Pure visual polish (`ui-feel` / `/polish`)
- Local-only prototypes with no deploy target

## MUST (when adding observability)

| Signal | Minimum |
|--------|---------|
| **Errors** | Boundary on app shell / critical routes + reporting; scrub PII |
| **Secrets** | DSN / keys via env — never commit |
| **Sample rates** | Sane defaults for traffic (don’t 100% trace huge apps blindly) |
| **Analytics** | Few high-value events (signup, checkout, critical CTA) — not every click |
| **Alerts** | Error rate or CWV budget with a named owner |

Lab Lighthouse ≠ production monitoring — use `fe-devtools` for local audits; this skill for **shipped** signal.

## Workflow

1. **Errors** — boundary + reporting; scrub PII
2. **Performance** — sample traces; watch LCP/INP/CLS on key routes
3. **Analytics** — few high-value events, not every click
4. **Alert** — error rate / CWV budgets that someone will actually see

## Agent boundaries

- **May decide:** Vendor (Sentry vs other), which 3–5 analytics events matter
- **Must not:** Hardcode DSNs; log emails/tokens; add analytics spam on every hover

## Checklist

- [ ] Error boundary on app shell / critical routes
- [ ] DSN/env via env vars — not hardcoded secrets in git
- [ ] Sample rates sane for traffic
- [ ] No PII in events by default
- [ ] Alerts have an owner
- [ ] Key product events listed (not clickstream noise)

## Depth

Full guide: `references/monitoring.md`.  
Related: `web-performance` for build-time CWV; `fe-devtools` for lab audits.

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [sukirman1901](https://github.com/sukirman1901)
- **Source:** [sukirman1901/frontend-expert](https://github.com/sukirman1901/frontend-expert)
- **License:** MIT
- **Homepage:** https://github.com/sukirman1901/frontend-expert

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-sukirman1901-frontend-expert-monitoring
- Seller: https://agentstack.voostack.com/s/sukirman1901
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.