Skills
.Work. You
Rest

add-react-analytics

Official

Easy React analytics integration for Temps.

Software Engineering#analytics#react#hooks#events#web-vitals#session-recording#pageviews
Authorgotempsh
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Integrate Temps analytics into React applications to provide reliable user interaction tracking, event collection, and performance insights across popular frameworks.

Core Features & Use Cases

  • Auto-track pageviews and custom events across Next.js App Router, Next.js Pages Router, Vite, Create React App, and Remix.
  • Monitor scroll depth, element visibility, and user engagement with lightweight hooks and optional session heartbeat.
  • Enable session recording/replay and Web Vitals metrics to measure performance and improve UX.
  • Identify users for analytics and debug analytics during development with clear provider configuration.

Quick Start

Install @temps-sdk/react-analytics and wrap your app with TempsAnalyticsProvider to enable analytics.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: add-react-analytics
Download link: https://github.com/gotempsh/temps/archive/main.zip#add-react-analytics

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 223,000+ vetted skills library on demand.