Skills
.Work. You
Rest

faro-setup-web

Official

Instrument a web app with Grafana Faro Web SDK.

Software Engineering#tracing#instrumentation#errors#web-vitals#web-sdk#frontend-observability#faro
Authorgrafana
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Frontend observability is hard; Faro Web SDK enables collecting errors, performance data, and traces from a browser app and shipping them to Grafana Alloy or a custom collector for centralized monitoring.

Core Features & Use Cases

  • Error tracking, Web Vitals, session monitoring, and distributed tracing for frontend apps.
  • Works across frameworks (React, Next.js, Angular, Vue) and vanilla JS, including SPA and non-SPA pages.
  • Simple quick-start guide: wire Faro into the app's entry point and configure with a collector URL and app name.

Quick Start

Create and wire an init file to initialize Faro with your collector URL and app name, then confirm data appears in Grafana.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: faro-setup-web
Download link: https://github.com/grafana/faro-web-sdk/archive/main.zip#faro-setup-web

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.