sentry-browser-sdk

Configure Sentry SDK for browser JavaScript with npm or CDN scripts.

Updated Jun 4, 2026
One-click install
npx skills add https://github.com/achmf/KostaHub --skill sentry-browser-sdk-achmf
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sentry-browser-sdk
Source: https://github.com/achmf/KostaHub/tree/main/.agents/skills/sentry-browser-sdk
Command: npx skills add https://github.com/achmf/KostaHub --skill sentry-browser-sdk-achmf

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the complexity of manually configuring error monitoring, tracing, and session replay for browser-based JavaScript applications, ensuring you don't miss critical production errors.

Core Features & Use Cases

  • Intelligent Detection: Automatically identifies your project's framework or build tool to recommend the optimal Sentry installation path.
  • Full Observability: Configures Error Monitoring, Tracing, and Session Replay to provide a complete view of user experience and system health.
  • Use Case: If you are maintaining a vanilla JavaScript site or a static HTML project, this Skill guides you through the exact Loader Script or npm setup required to start capturing errors and performance metrics immediately.

Quick Start

Invoke the sentry-browser-sdk skill to automatically detect your project type and guide you through the recommended Sentry installation and configuration steps.

Frequently Asked Questions about sentry-browser-sdk

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up Sentry error monitoring for a vanilla JavaScript website?

To configure Sentry error monitoring for a vanilla JavaScript site, this tool detects your project structure and recommends either an npm package or a CDN loader script. This enables immediate capture of production errors and performance metrics.

Can I configure performance tracing and session replay for static HTML projects?

Yes, you can configure performance tracing and session replay for static HTML projects by implementing the appropriate Sentry browser SDK. This provides full frontend observability, giving you a complete view of user experience and system health.

Does the Sentry browser SDK work with jQuery and static sites without a build step?

Yes, the Sentry browser SDK works with jQuery and static sites without a complex build step by using a CDN loader script. This allows you to inject the SDK directly into your HTML and start capturing errors without npm dependencies.

What is the best way to add frontend observability to a browser-based JavaScript app?

The best way to add frontend observability is configuring the Sentry SDK to simultaneously track errors, performance tracing, and session replays. This comprehensive approach ensures you capture both system health metrics and visual user experience data.

How do I choose between using an npm package or a CDN loader script for Sentry installation?

Choosing between an npm package or a CDN loader script for Sentry installation depends on your project structure. Automated detection evaluates your build tools and framework to recommend the optimal installation path for your specific setup.