Agent skill · software engineering · sickn33
applicationinsights-web-ts
Instrument browser/web apps with the Application Insights JavaScript SDK (@microsoft/applicationinsights-web).
Why this skill is useful
Provides specific integration patterns and commands for the Application Insights JavaScript SDK that the AI wouldn't reliably generate on its own.
What it needs
Requires @microsoft/applicationinsights-angularplugin-js, @microsoft/applicationinsights-clickanalytics-js, @microsoft/applicationinsights-debugplugin-js, @microsoft/applicationinsights-perfmarkmeasure-js, @microsoft/applicationinsights-react-js, @microsoft/applicationinsights-react-native, @microsoft/applicationinsights-web installed locally. About 8k tokens when loaded. Last updated 2026-08-07. 44,571 stars on the source repository.
What this skill does
Application Insights JavaScript SDK (Web) for TypeScript When to Use Use this skill when you need instrument browser/web apps with the Application Insights JavaScript SDK (@microsoft/applicationinsights-web). Use for Real User Monitoring (RUM) — page views, clicks, AJAX/fetch dependencies, exceptions, custom events, and browser-side GenAI agent traces correlated to backend... Real User Monitoring (RUM) for browser apps with @microsoft/applicationinsights-web. Auto-collects page views, AJAX/fetch dependencies, unhandled exceptions, and (with the Click Analytics plugin) clicks. Supports custom events, metrics, and GenAI agent traces that follow OpenTelemetry GenAI semantic conventions and correlate to backend spans via W3C Trace Context. Distinct from azure-monitor-opentelemetry-ts, which is for Node.js server apps. This skill is for browser/web code (and React Native). Before Implementation Search microsoft-docs MCP for current API patterns: Query: "Application Insights JavaScript SDK setup" Query: "Application Insights JavaScript SDK configuration" Query: "Application Insights JavaScript framework extensions React Angular" Verify package version: npm view @microsoft/applicationinsights-web version Packages Package Purpose --- --- @microsoft/applicationinsights-web Core RUM SDK (page views, AJAX, exceptions). @microsoft/applicationinsights-clickanalytics-js Auto-collect click telemetry. @microsoft/applicationinsights-react-js React plugin (router instrumentation, hooks, HOC, ErrorBoundary). @microsoft/applicationinsights-react-native React Native plugin (native crashes, sessions). @microsoft/applicationinsights-angularplugin-js Angular plugin (router events, ErrorHandler). @microsoft/applicationinsights-debugplugin-js Dev-only telemetry inspector. @microsoft/applicationinsights-perfmarkmeasure-js User Timing (performance.mark/measure) integration. Installation Typings ship with the package — no separate @types/... install needed. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills sickn33/applicationinsights-web-ts--7dab84