getsentry avatar

Sentry React Sdk

This is a comprehensive setup wizard that walks you through adding Sentry to a React project, from detection through configuration. It scans your package.json to figure out your React version, router setup (v5/v6/v7 non-framework or TanStack), state management, and build tool, then generates the appropriate integration code. The opinionated approach is refreshing: it always recommends error monitoring and tracing, suggests session replay for user-facing apps, and only brings up profiling if you have a performance-critical case. Nice touch that it handles the React 19 reactErrorHandler hook pattern versus the older ErrorBoundary component, and it knows to bail out if you're using React Router Framework mode. The source map guidance for Vite and webpack is practical, since stack traces are useless without them.

skills.sh installs
3.2K
GitHub stars
277
last updated
Aug 21, 2026

Install

$ npx -y skills add getsentry/sentry-for-ai --skill sentry-react-sdk --agent claude-code

Installs into .claude/skills of the current project.

Files

All Skills > SDK Setup > React SDK

Sentry React SDK

Opinionated wizard that scans your React project and guides you through complete Sentry setup.

Invoke This Skill When

  • User asks to "add Sentry to React" or "set up Sentry" in a React app
  • User wants error monitoring, tracing, session replay, profiling, or logging in React
  • User mentions @sentry/react, React Sentry SDK, or Sentry error boundaries
  • User wants to monitor React Router v5/v6/v7 non-framework navigation, Redux state, or component performance

If project is React Router Framework mode using @sentry/react-router, use sentry-react-router-framework-sdk instead of this skill.

Note: SDK versions and APIs below reflect current Sentry docs at time of writing (@sentry/react ≥8.0.0). Always verify against docs.sentry.io/platforms/javascript/guides/react/ before implementing.


Phase 1: Detect

Run these commands to understand the project before making any recommendations:

# Detect React version
cat package.json | grep -E '"react"|"react-dom"'

Sponsors

Details

Repository
github.com/getsentry/sentry-for-ai
Categories
Frontend Development, DevOps & CI/CD, Debugging
First seen
Apr 16, 2026

More from getsentry/sentry-for-ai

All 31
1nexu-io avatarfrontend-slidesnexu-io/open-designGenerate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.3Kskills.sh installs
2nexu-io avatargsap-reactnexu-io/open-designOfficial GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with Reac2.9Kskills.sh installs
3freshtechbro avatarreact-spring-physicsfreshtechbro/claudedesignskillsPhysics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation ut2.6Kskills.sh installs
4patternsdev avatarai-ui-patternspatternsdev/skillsTeaches design patterns for building AI-powered React interfaces. Use when creating chatbots, intelligent assistants, streaming UIs, or any AI-driven user exper2.2Kskills.sh installs
5minimax-ai avatarreact-native-devminimax-ai/skillsReact Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, tes1.9Kskills.sh installs
6tencentcloudbase avatarui-designtencentcloudbase/skillsUse when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.1.8Kskills.sh installs