Sentry Browser Sdk

This is a comprehensive wizard for installing Sentry's browser SDK in vanilla JavaScript projects, static sites, WordPress, and anything without a framework-specific option. It starts by scanning your project to detect if you're actually using React, Next.js, Vue, or another framework and redirects you to the right SDK if so, which matters because framework SDKs give you router tracking and error boundaries that the base browser SDK doesn't. If you're genuinely framework-free, it walks you through npm install versus loader script versus CDN bundle, then configures error monitoring, tracing, session replay, and optionally logging or user feedback. The redirect logic alone makes this worth using since grabbing the wrong Sentry SDK is a common mistake that silently loses you coverage.

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

View on GitHub

Install

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

Installs into .claude/skills of the current project.

Files

All Skills > SDK Setup > Browser SDK

Sentry Browser SDK

Opinionated wizard that scans your project and guides you through complete Sentry setup for browser JavaScript — vanilla JS, jQuery, static sites, WordPress, and any JS project without a framework-specific SDK.

Invoke This Skill When

User asks to "add Sentry to a website" or set up Sentry for plain JavaScript
User wants to install @sentry/browser or configure the Loader Script
User has a WordPress, Shopify, Squarespace, or static HTML site
User wants error monitoring, tracing, session replay, or logging without a framework
No framework-specific SDK applies

Note: SDK versions and APIs below reflect @sentry/browser ≥10.0.0. Always verify against docs.sentry.io/platforms/javascript/ before implementing.

Phase 1: Detect

CRITICAL — Check for frameworks first. Framework-specific SDKs provide significantly better coverage and must be recommended before proceeding with @sentry/browser.