Sentry Browser SDK Setup
技能 已验证 活跃Full Sentry SDK setup for browser JavaScript. Use when asked to "add Sentry to a website", "install @sentry/browser", or configure error monitoring, tracing, session replay, or logging for vanilla JavaScript, jQuery, static sites, or WordPress.
To automate and simplify the process of integrating Sentry error monitoring, tracing, and session replay into any browser-based JavaScript application.
功能
- Framework detection and SDK redirection
- Guided setup via npm, Loader Script, or CDN
- Feature recommendation for Error Monitoring, Tracing, Session Replay, Logging, and Profiling
- Source map configuration for build tools (Vite, webpack, Rollup, esbuild)
- Troubleshooting guidance for common setup issues
使用场景
- Setting up Sentry for a new or existing static website.
- Adding error monitoring and tracing to a WordPress or Shopify site.
- Configuring Sentry for a vanilla JavaScript or jQuery application.
- Troubleshooting Sentry SDK integration issues in a browser environment.
非目标
- Setting up Sentry for Node.js, Python, or other backend environments.
- Providing specific framework SDKs (e.g., React, Vue, Angular) directly; redirects to relevant skills.
- Performing Sentry project-level configuration beyond SDK setup.
工作流
- Detect project framework to determine appropriate SDK or redirect.
- Detect installation method (npm, Loader Script, CDN).
- Recommend core and optional Sentry features based on project type.
- Guide user through installation and basic configuration.
- Provide specific instructions for source map setup based on build tools.
- Offer verification steps and troubleshooting guidance.
实践
- SDK Integration
- Error Monitoring Configuration
- Performance Tracing Setup
- Session Replay Implementation
先决条件
- A browser-based JavaScript project.
- Access to modify project files (HTML, JS, build configurations).
- Sentry account and project DSN.
Compliance
- info:GDPRThe skill guides users on configuring Sentry, which may handle personal data; users are responsible for PII scrubbing and consent, but the skill itself does not directly process PII.
安装
请先添加 Marketplace
/plugin marketplace add getsentry/sentry-for-ai/plugin install sentry-for-ai@sentry-plugin-marketplace质量评分
已验证类似扩展
Sentry React SDK
100Full Sentry SDK setup for React. Use when asked to "add Sentry to React", "install @sentry/react", or configure error monitoring, tracing, session replay, profiling, or logging for React applications. Supports React 16+, React Router v5-v7 non-framework mode, TanStack Router, Redux, Vite, and webpack.
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.
Sentry Svelte Sdk
99Full Sentry SDK setup for Svelte and SvelteKit. Use when asked to "add Sentry to Svelte", "add Sentry to SvelteKit", "install @sentry/sveltekit", or configure error monitoring, tracing, session replay, or logging for Svelte or SvelteKit applications.
Sentry Next.js SDK Setup
99Full Sentry SDK setup for Next.js. Use when asked to "add Sentry to Next.js", "install @sentry/nextjs", or configure error monitoring, tracing, session replay, logging, profiling, AI monitoring, or crons for Next.js applications. Supports Next.js 13+ with App Router and Pages Router.
Sentry Tanstack Start Sdk
100Full Sentry SDK setup for TanStack Start React. Use when asked to "add Sentry to TanStack Start", "install @sentry/tanstackstart-react", or configure error monitoring, tracing, session replay, logs, or user feedback in a TanStack Start React app.
Sentry Elixir Sdk
99Full Sentry SDK setup for Elixir. Use when asked to "add Sentry to Elixir", "install sentry for Elixir", or configure error monitoring, tracing, logging, or crons for Elixir, Phoenix, or Plug applications. Supports Phoenix, Plug, LiveView, Oban, and Quantum.