How does it handle React component crashes?

The skill provides standard implementation patterns for React Error Boundaries, allowing you to catch UI-level errors and report them to Sentry without crashing the entire app.

Can it help with unreadable stack traces in production?

Yes, it assists in configuring source maps so that minified production code is correctly mapped back to your original source code in the Sentry dashboard.

Does this skill work with both frontend and backend?

Yes, it provides configuration patterns for Next.js frontends and Python-based backends, including Firebase Cloud Functions.

Does it support Sentry Performance Monitoring?

Yes, it helps set up transaction tracing and sampling rates to monitor application latency and bottlenecks alongside traditional error tracking.

Full-Stack Error Tracking with Sentry

Name: Full-Stack Error Tracking with Sentry
Author: Agentient

byAgentient

0•

Analytics & Monitoring

Integrates Sentry observability into Next.js, Python, and Firebase applications to monitor errors and performance in real-time.

Full-Stack Error Tracking with Sentry is an expert-level observability skill designed to streamline the integration of Sentry into modern web applications. It provides automated guidance for setting up SDKs across Next.js, Python, and Firebase environments, ensuring developers can catch exceptions, manage source maps for production debugging, and implement robust error boundaries. By automating the configuration of release tracking and custom user contexts, this skill empowers teams to reduce mean time to resolution (MTTR) and maintain high-performance, crash-free user experiences.

Key Features

010 GitHub stars

02Custom context and user attribution for detailed error reports

03Release tracking and deployment correlation setup

04Source map configuration for debugging minified production code

05Automated Sentry SDK configuration for Next.js, Python, and Firebase

06Implementation of React Error Boundaries for UI resilience

Use Cases

01Implementing performance monitoring to identify slow database queries or API calls

02Setting up comprehensive crash reporting for a Next.js production application

03Tracking server-side exceptions in Python backends or Firebase Functions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agentient/vibekit full-stack-error-tracking-with-sentry

For use in Claude.ai and ChatGPT

Download Skill