getsentry avatar

Sentry React Router Framework Sdk

This is an opinionated wizard that sets up Sentry monitoring across both client and server entry points in React Router v7 framework apps. It handles the full stack: error monitoring, distributed tracing with reactRouterTracingIntegration, session replay, profiling via @sentry/profiling-node, logs, and user feedback. The skill walks through detection (checking for framework mode indicators and entry files), recommends a feature set based on your project shape, then guides you through either the interactive npx wizard or manual configuration of entry.client.tsx, entry.server.tsx, and instrument.server.mjs with proper NODE_OPTIONS import setup. Note this is for framework mode only. If you're using React Router in data or declarative mode, you want the regular sentry-react-sdk skill instead.

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

Install

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

Installs into .claude/skills of the current project.

Files

All Skills > SDK Setup > React Router Framework SDK

Sentry React Router Framework SDK

Opinionated wizard that scans your React Router Framework project and guides you through complete Sentry setup across client and server entry points.

Invoke This Skill When

  • User asks to "add Sentry to React Router Framework" or "set up Sentry in React Router v7 framework mode"
  • User wants to install or configure @sentry/react-router
  • User uses React Router framework entry files (entry.client.tsx, entry.server.tsx) and wants tracing/error capture
  • User asks about reactRouterTracingIntegration, sentryOnError, createSentryHandleRequest, or React Router wizard setup

Important: This SDK is currently beta. For React Router non-framework/data/declarative mode (v5/v6/v7), use sentry-react-sdk with @sentry/react integrations instead.


Phase 1: Detect

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

# Detect React Router Framework indicators and versions
cat package.json | grep -E '"react-router"|"@react-router/"|"react-router-dev"|"react-router-serve"'

Sponsors

Details

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

More from getsentry/sentry-for-ai

All 31
1sickn33 avatarfrontend-designsickn33/antigravity-awesome-skillsfrontend design1.9Kskills.sh installs
2nexu-io avatarimagegen-frontend-mobilenexu-io/open-designElite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile product1.8Kskills.sh installs
3nexu-io avatarimagegen-frontend-webnexu-io/open-designElite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal1.8Kskills.sh installs
4github avatarunit-test-vue-piniagithub/awesome-copilotWrite and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases. Use when creating or updating tests for components, composables, and stores; mock1.8Kskills.sh installs
5nickcrew avatarreact-performance-optimizationnickcrew/claude-ctx-pluginreact performance optimization1.7Kskills.sh installs
6daymade avatarui-designerdaymade/claude-code-skillsExtract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to c1.7Kskills.sh installs