sentry-error-capturing

Capture and report JavaScript runtime errors to Sentry with enriched context.

187|20|Updated Nov 20, 2025
One-click install
npx skills add https://github.com/TheBushidoCollective/han --skill sentry-error-capturing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sentry-error-capturing
Source: https://github.com/TheBushidoCollective/han/tree/main/jutsu/jutsu-sentry/skills/error-capturing
Command: npx skills add https://github.com/TheBushidoCollective/han --skill sentry-error-capturing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Capture errors and enrich them with context to enable faster debugging and triage.

Core Features & Use Cases

  • Manual Error Capture: Wrap risky code to capture exceptions with Sentry.
  • Context Enrichment: Attach tags, extra data, and user context to errors.
  • Breadcrumbs & Fingerprinting: Trace events and group related errors for easier analysis.
  • Error Boundaries (React): Use boundaries to gracefully handle UI errors.

Quick Start

Initialize Sentry, capture exceptions, and enrich events with user and operation context to improve debugging signals.

Frequently Asked Questions about sentry-error-capturing

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

FAQPage Schema
How do I capture runtime errors and send them to Sentry?

Capture runtime errors by initializing Sentry in your application and wrapping risky code with captureException or captureMessage. Sentry automatically reports exceptions to your project dashboard, where you can monitor, triage, and debug errors in real time across your user base.

Can I add context like user information and tags to errors I'm capturing?

Yes. Use setUser to attach user identity, setTag to add searchable labels, setExtra for custom data, and setContext for operation-specific information. This enriched context helps you quickly identify affected users and reproduce issues during debugging.

What are breadcrumbs and fingerprinting in error tracking?

Breadcrumbs are timestamped events that trace user activity leading up to an error, showing the full context of what happened. Fingerprinting groups related errors together so similar issues are clustered for analysis rather than appearing as separate incidents.

How do I handle UI errors gracefully in React applications?

Implement error boundaries in React to catch and handle component errors without crashing the entire application. Error boundaries let you display fallback UI and optionally send error details to Sentry for monitoring while maintaining a functional user experience.

Can I customize which errors Sentry captures or how they're reported?

Yes. Use beforeSend to inspect and filter errors before transmission, modifying or discarding events based on your criteria. This lets you reduce noise, strip sensitive data, or adjust error grouping dynamically before events reach your Sentry project.

Does error capturing work with modern JavaScript frameworks?

Error capturing applies to client-side web applications and modern JavaScript frameworks through Sentry's SDKs, which support automatic and manual error collection. Setup varies by framework, but core features like context enrichment and breadcrumbs work consistently across React, Vue, Angular, and vanilla JavaScript.