Community生产力与协作github.com

getsentry/sentry-react-setup

在 React 应用中配置 Sentry。当被要求为 React 应用添加 Sentry、安装 @sentry/react 或配置错误监控、错误边界、会话回放或浏览器追踪时使用此技能。

sentry-react-setup 是什么?

该技能用于在 React 应用中快速配置 Sentry 错误监控和性能追踪。它封装了安装 @sentry/react 包、初始化 Sentry SDK、设置错误边界(Error Boundaries)、启用会话回放(Session Replay)以及浏览器追踪(Browser Tracing)的完整流程。适用于所有 React 应用,包括使用 create-react-app、Next.js 或 Vite 构建的项目。通过此技能,开发者可以避免手动编写繁琐的初始化代码和配置模板,从而减少遗漏关键步骤的风险,确保错误被正确捕获并上报。该技能还支持通过环境变量(如 SENTRY_DSN)自动读取 Sentry DSN,无需硬编码。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/getsentry/sentry-agent-skills/tree/main/skills/sentry-react-setup

Installed? Explore more 生产力与协作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

sentry-react-setup 是做什么的?

在 React 应用中配置 Sentry。当被要求为 React 应用添加 Sentry、安装 @sentry/react 或配置错误监控、错误边界、会话回放或浏览器追踪时使用此技能。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能