Writing Skills
writing-skills
效率与协作技能,来自 obra/superpowers,查看原文获取完整用途和操作说明。
debug-sentry-monitor【部署与运维】Operate Sentry: triage and fix unresolved issues, cut noise, audit instrumentation, monitor after deploy. Use when "check Sentry" or "review production errors". One bug → workflow-fix-and-ship. Plan-only audit → plan-error-handling.
独立 GitHub 快照 · 自动分类 · 以原作者文档为准
Degree of freedom: MIXED. Triage bucket and root cause [HIGH freedom];
resolve-only-after-verify [LOW freedom — run exactly].
Triage, fix, and audit Sentry on any project via the sentry MCP. Auto-detects config.
Observe: 80 events of
TypeError: undefined.emailon/account, started at release1.14.0. Interpret: app frames in the profile card; correlates with the onboarding PR. Classify: Data Bug + Regression — API null for incomplete profiles. Fix: handle null at the contract; do not resolve until the fix is committed and the loop is green.
?. / swallowed catch is not the sole fixworkflow-fix-and-shipResolve an issue only with a verified fix — resolving means "this will not happen again"; if you cannot prove that, leave it unresolved.
No band-aid fixes. try/catch wrappers, ?. chains, and Array.isArray() guards suppress the symptom; use defensive code only after the root cause is fixed, to harden against genuinely unpredictable external input.
Research non-trivial bugs before fixing (Step 4d).
Before making any Sentry MCP calls, discover the project's Sentry setup.
The Sentry MCP lists these tools directly, depending on which Sentry MCP skills (Inspect, Seer, Triage) the connection grants: find_organizations, find_projects, search_issues, search_events, get_sentry_resource, analyze_issue_with_seer (Seer), and update_issue (Triage). The other tools this skill uses (get_issue_breadcrumbs, get_issue_tag_values, find_releases) sit in the server's catalog and run through execute_sentry_tool with name and arguments. If a catalog call is rejected, call search_sentry_tools with a short description (for example "find releases") to get the current name and argument schema.
First, try to detect from local config files. Search for these (in order):
.sentryclirc — contains [defaults] with org and projectsentry.properties — contains defaults.org and defaults.project.env, .env.local, .env.production — look for SENTRY_ORG, SENTRY_PROJECT, SENTRY_DSN, SENTRY_AUTH_TOKENsentry.client.config.ts, sentry.client.config.js — Next.js Sentry configsentry.server.config.ts, sentry.server.config.js — Next.js server Sentry confignext.config.js / next.config.mjs — withSentryConfig() wrapperpackage.json — check for @sentry/* packages to detect SDKIf local detection fails, use the MCP to discover:
sentry:find_organizations
Then for the target org:
sentry:find_projects
{
"organizationSlug": "<ORG_SLUG>",
"regionUrl": "<REGION_URL>"
}
Read package.json (or equivalent) to determine:
| Package | Framework |
|---|---|
@sentry/nextjs | Next.js |
@sentry/react | React SPA |
@sentry/vue | Vue.js |
@sentry/svelte | SvelteKit |
@sentry/node | Node.js backend |
@sentry/browser | Vanilla JS |
sentry-sdk (pip) | Python |
sentry_sdk (pip) | Python |
sentry-ruby | Ruby |
@sentry/angular | Angular |
Search for the Sentry initialization and noise filtering:
Grep for: Sentry.init, sentryInit, initSentry
Grep for: ignoreErrors, beforeSend, denyUrls
Grep for: ErrorBoundary, error-boundary, errorBoundary
Grep for: logger, logging, winston, pino
Grep for: web-vitals, webVitals, reportWebVitals
ORG_SLUG: [detected or ask user]
PROJECT_SLUG: [detected or ask user]
REGION_URL: [detected or ask user — typically https://us.sentry.io or https://de.sentry.io]
FRAMEWORK: [detected from packages]
PLATFORM: [browser | server | hybrid]
SENTRY_CONFIG: [path to Sentry.init file]
NOISE_FILTER: [path to file with ignoreErrors/beforeSend]
ERROR_BOUNDARY: [path to error boundary component, if any]
LOGGER: [path to logging utility, if any]
If any critical values cannot be detected, ask the user.
Run these two MCP calls in parallel:
sentry:search_issues
{
"organizationSlug": "<ORG_SLUG>",
"projectSlugOrId": "<PROJECT_SLUG>",
"regionUrl": "<REGION_URL>",
"query": "all unresolved issues from the last 7 days",
"limit": 50
}
sentry:search_events
{
"organizationSlug": "<ORG_SLUG>",
"projectSlug": "<PROJECT_SLUG>",
"regionUrl": "<REGION_URL>",
"query": "count of errors grouped by error type in the last 7 days",
"limit": 50
}
Also check for regressions (issues that were resolved but re-opened):
sentry:search_issues
{
"organizationSlug": "<ORG_SLUG>",
"projectSlugOrId": "<PROJECT_SLUG>",
"regionUrl": "<REGION_URL>",
"query": "regressed issues in the last 14 days",
"limit": 20
}
If no issues are found, report "No unresolved issues in the last 7 days" and proceed to the Architecture Audit (Step 8).
For each issue with >1 event or >0 users impacted:
sentry:get_sentry_resource
{
"organizationSlug": "<ORG_SLUG>",
"resourceType": "issue",
"resourceId": "<ISSUE_ID>"
}
Issue the detail calls for one round in a single message so they run in parallel.
For hard-to-diagnose issues, also fetch breadcrumbs:
sentry:execute_sentry_tool
{
"name": "get_issue_breadcrumbs",
"arguments": {
"organizationSlug": "<ORG_SLUG>",
"issueId": "<ISSUE_ID>"
}
}
And optionally use Seer for AI-assisted root cause analysis:
sentry:analyze_issue_with_seer
{
"organizationSlug": "<ORG_SLUG>",
"regionUrl": "<REGION_URL>",
"issueId": "<ISSUE_ID>"
}
For understanding issue distribution, check tag values:
sentry:execute_sentry_tool
{
"name": "get_issue_tag_values",
"arguments": {
"organizationSlug": "<ORG_SLUG>",
"regionUrl": "<REGION_URL>",
"issueId": "<ISSUE_ID>",
"tagKey": "browser"
}
}
Common tag keys: url, browser, browser.name, os, environment, release, device, user.
Classify each issue into exactly one bucket:
| Bucket | Signals | Action |
|---|---|---|
| Noise | Extension frames, chunk load errors, browser built-in errors, dev-only environment tag, no app frames in stacktrace | Add noise filter, resolve in Sentry |
| Code Bug | TypeError, ReferenceError, unhandled rejection with app frames, missing function/property | Full root cause analysis (Step 4), fix, verify, resolve |
| Data Bug | Unexpected null/undefined from API, malformed response, stale cache, race condition | Trace data flow end-to-end (Step 4), fix at source |
| Performance | Slow DB query, N+1 API calls, large HTTP payload, high LCP/INP | Do NOT resolve — flag for manual follow-up |
| Regression | Previously resolved issue that re-opened | Highest priority — the original fix was incomplete |
| Config Gap | Missing Sentry feature (logging, metrics, feedback, replay), bad sampling | Implement in config files, resolve |
Priority order: Regressions first, then Code Bugs and Data Bugs, then Noise, then Config Gaps. Performance is always deferred.
For any issue classified as Code Bug, Data Bug, or Regression that meets either threshold:
Run Sentry's AI root-cause analysis before manual investigation:
sentry:analyze_issue_with_seer
{
"organizationSlug": "<ORG_SLUG>",
"issueId": "<ISSUE_ID>"
}
Seer provides:
How to use Seer results:
Note: Seer results are cached — subsequent calls for the same issue return instantly. Analysis for new issues takes ~2-5 minutes.
From the Sentry issue details, extract:
sentry:execute_sentry_tool
{
"name": "find_releases",
"arguments": {
"organizationSlug": "<ORG_SLUG>",
"regionUrl": "<REGION_URL>",
"projectSlug": "<PROJECT_SLUG>"
}
}
If the issue started after a specific release, check what changed in that release:
git log --oneline <previous-release-tag>..<current-release-tag>
Read enough of the chain to say where the bad state originates: the crash-site function, every app-code frame above it, and — for unexpected data — its source (query and schema, state setter, input parsing, cache invalidation). git log --oneline -20 -- <file> on the culprit files.
For non-trivial bugs, research the correct fix pattern:
firecrawl:firecrawl_search
{
"query": "<framework> <error-type> best practice fix <current year>",
"limit": 5,
"sources": [{ "type": "web" }]
}
Then scrape the most authoritative result:
firecrawl:firecrawl_scrape
{
"url": "<best-result-url>",
"formats": ["markdown"],
"onlyMainContent": true
}
Before writing any fix, state:
| Anti-Pattern | Why It's Wrong | Do Instead |
|---|---|---|
Adding ?. to suppress TypeError | Hides the null; downstream gets undefined | Fix why the value is null |
| try/catch that swallows | Error still happens, user sees broken state | Fix the error; if unrecoverable, show user-facing message + re-report |
Array.isArray() guard | Checking consumer instead of fixing producer | Fix the producer |
?? [] or ?? {} fallback | Masks data loading issues | Handle loading/error states explicitly |
Filtering in beforeSend | Muting a real bug | Only filter genuinely external noise |
| Resolving without deploying | Error recurs next session | Only resolve after fix is committed |
Read the project's Sentry config file (detected in Step 0c). Locate the ignoreErrors array or beforeSend function.
Universal noise patterns (safe to add to any web project):
// Browser/extension noise
/^Script error/,
"ResizeObserver loop",
"Non-Error promise rejection captured",
/vid_mate_check/,
/_avast_submit/,
// Network noise (external)
"Failed to fetch",
"Load failed",
"net::ERR_",
"AbortError",
"The operation was aborted",
"cancelled",
// Chunk loading (deployment race)
"ChunkLoadError",
"Loading chunk",
"Failed to fetch dynamically imported module",
Framework-specific noise (add only if the framework is detected):
React/Next.js:
"Hydration failed",
"server rendered HTML didn't match",
"Minified React error #418",
"Minified React error #423",
"Minified React error #425",
HMR/Dev-only:
"Fast Refresh",
"performing full reload",
"Parsing ecmascript source code failed",
Service Worker:
"ServiceWorker",
"Failed to register a ServiceWorker",
Noise validation: classify as noise only when the message does not originate from app code, no app frames appear in the stacktrace, and no real user action can trigger it.
Leave performance issues unresolved and list them in the summary — they need profiling and a product decision, not a triage-session fix.
Implement in the relevant config file based on detected framework.
You may only resolve an issue if ALL of the following are true:
?., try/catch, or type guards as the sole fixIf any checkbox fails, leave the issue unresolved and add it to "Requires Manual Follow-Up."
For each verified fix:
sentry:update_issue
{
"organizationSlug": "<ORG_SLUG>",
"regionUrl": "<REGION_URL>",
"issueId": "<ISSUE_ID>",
"status": "resolved"
}
Issue the resolve calls in one message. Performance issues stay unresolved (Step 5).
update_issue needs the Triage skill on the Sentry MCP connection. The hosted server's OAuth sign-in leaves Triage unchecked by default; local stdio and Sentry-Bearer connections grant it unless narrowed. If the tool is missing, ask the user to reconnect the Sentry MCP with Triage enabled, or to resolve the issues in the Sentry UI.
After triaging existing issues (or if no issues exist), audit the Sentry setup itself to identify monitoring gaps and architectural shortcomings.
Read the Sentry config file(s) detected in Step 0c. Check each setting:
| Setting | What to Check | Recommendation |
|---|---|---|
dsn | Is it set from env var, not hardcoded? | Use process.env.SENTRY_DSN or equivalent |
environment | Is it dynamic? | Must read from env var, not hardcoded |
release | Is it set? | Required for deploy correlation and regression detection |
tracesSampleRate | Is it > 0? Is it < 1.0 in production? | 0.1-0.3 for production, 1.0 for dev |
replaysSessionSampleRate | Is it configured? | 0.1 for production |
replaysOnErrorSampleRate | Is it configured? | 1.0 (capture all error replays) |
integrations | Are framework-appropriate integrations present? | See framework-specific recommendations below |
beforeSend | Is it filtering too aggressively? | Should only filter genuinely external noise |
ignoreErrors | Are patterns appropriate? | Cross-check against universal noise list |
Framework-specific integration checks:
| Framework | Expected Integrations |
|---|---|
| Next.js | Auto-configured by @sentry/nextjs — check withSentryConfig in next.config |
| React SPA | BrowserTracing, Replay |
| Node.js | Http, Express/Fastify/Koa, Postgres/Prisma |
| Python | DjangoIntegration / FlaskIntegration, SqlalchemyIntegration |
| Vue | BrowserTracing, Replay, Sentry.vueRouterInstrumentation |
Complement: Sentry catches code-thrown errors. Mushi Mushi catches user-felt friction that never triggers an exception — dead buttons, 12-second screens, broken layouts on one device. Install alongside Sentry:
npx mushi-mushi.