Sentry React Setup
getsentry/sentry-agent-skillsReact apps can break. Sentry helps you catch errors and fix them fast. This guide shows how to add Sentry to your React project. You get error tracking, session replays, and performance monitoring.
You start by installing the @sentry/react package. Then you create an instrument file and import it first in your app. This sets up automatic error capture. You can also add features like browser tracing and session replay.
Whether you use React 19 with new error hooks or older versions with error boundaries, Sentry works smoothly. It even integrates with React Router and Redux. Follow the steps to monitor your app and keep users happy.
Add Sentry React Setup skill to your workflow
Global
mkdir -p ~/.claude/skills/sentry-react-setupProject
mkdir -p .claude/skills/sentry-react-setupSource Repository
More Debugging Claude Code Skills
Azure Diagnosticsmicrosoft/azure-skills
Debug Azure production issues with systematic diagnostics and AI-powered tools
Azure Messagingmicrosoft/azure-skills
Troubleshoot and fix Azure messaging SDK errors for Event Hubs and Service Bus
Use My Browserxixu-me/skills
Work inside your live browser session for real page inspection and debugging
Diagnosemattpocock/skills
A step-by-step debug loop for finding and fixing hard bugs
Diagnosing Bugsmattpocock/skills
Build a tight feedback loop to find any bug fast
Systematic Debuggingobra/superpowers
Find the root cause of every bug before attempting any fix to save time
Safe Debuglllllllama/rigorpilot-skills
Debug deep learning failures safely with conservative diagnosis and minimal patches
Firebase Crashlyticsfirebase/agent-skills
Set up crash reporting for your Android or iOS app with ease