Community生產力與協作github.com

getsentry/sentry-react-setup

在 React 應用程式中設定 Sentry。當被要求將 Sentry 加入 React、安裝 @sentry/react,或為 React 應用程式配置錯誤監控、錯誤邊界、Session Replay 或瀏覽器追蹤時使用。

sentry-react-setup 是什麼?

此技能專門用於在 React 應用程式中快速整合 Sentry 錯誤監控與效能追蹤。它能自動處理 npm 套件安裝(如 @sentry/react)、初始化 Sentry 客戶端,並建立錯誤邊界元件以優雅地捕捉 React 元件樹中的未處理錯誤。此外,它還能啟用 Session Replay 與瀏覽器追蹤,讓開發者能夠重現使用者遇到的問題並分析前端效能瓶頸。支援所有標準 React 專案(包括 Create React App 與 Next.js),並可根據專案環境變數自動設定 DSN。整體而言,此技能大幅簡化了 Sentry 整合的繁瑣步驟,讓開發者能專注於應用程式邏輯而非監控配置。

相容平台~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。當被要求將 Sentry 加入 React、安裝 @sentry/react,或為 React 應用程式配置錯誤監控、錯誤邊界、Session Replay 或瀏覽器追蹤時使用。

Individual skills in this repo

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

相關技能