grafanagrafanaOfficialยท1 Agent Skills Included

faro-web-sdk

Add frontend error tracking, tracing, and Web Vitals to web apps

Instruments browser applications with the Grafana Faro Web SDK to collect errors, logs, Web Vitals, and distributed traces. Guides AI agents through auto-detecting your framework, router, and third-party scripts, then wires up clean initialization code. Filters noisy browser errors and analytics trackers automatically so dashboards stay readable and setup takes minutes.
npx skills add grafana/faro-web-sdk --all -g -y
Available:

Tells the AI agent how to auto-fix lint and formatting issues during tasks and how to handle stale pull request rules when working in this repository.

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install faro-web-sdk?โ–ผ

Run `npx skills add grafana/faro-web-sdk --all -g -y` in your terminal to install all skills in this suite globally.

How to add frontend monitoring to a React app?โ–ผ

The faro-setup skill detects your React version and router, installs the right Faro packages, and creates the initialization file wired as the first import in your entry point.

Does Faro work with Next.js and Angular?โ–ผ

Yes. The skill includes dedicated setup paths for Next.js App and Pages Router, Angular, Vue, Svelte, and plain JavaScript or CDN-based sites.

How does Faro reduce noisy error reports?โ–ผ

It automatically adds ignore rules for harmless browser errors like ResizeObserver loops and excludes detected third-party trackers such as Hotjar, Segment, and Google Analytics from network tracing.

Do I need observability experience to use this skill?โ–ผ

No. The agent asks one question at a time, auto-detects your project setup, and only needs your Grafana Cloud collector URL to get data flowing.

Related Repositories in Software Engineering

View All in Software Engineeringโ†’