·add-react-analytics
{}

add-react-analytics

✓
gotempsh/tempsGitHub: gotempsh/tempsSource: gotempsh/temps

Add Temps analytics to React applications with comprehensive tracking capabilities including page views, custom events, scroll tracking, engagement monitoring, session recording, and Web Vitals performance metrics. Use when the user wants to: (1) Add analytics to a React app (Next.js App Router, Next.js Pages Router, Vite, Create React App, or Remix), (2) Track user events or interactions, (3) Monitor scroll depth or element visibility, (4) Add session recording/replay, (5) Track Web Vitals or performance metrics, (6) Measure user engagement or time on page, (7) Identify users for analytics, (8) Set up product analytics or telemetry. Triggers: "add analytics", "track events", "session recording", "web vitals", "user tracking", "temps analytics", "react analytics".

gotempsh·add·react·analytics
13Installs·1Trend·@gotempsh

Installation

GitHub: gotempsh/temps
$npx skills add https://github.com/gotempsh/temps --skill add-react-analytics

How to Install add-react-analytics

Quickly install add-react-analytics AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/gotempsh/temps --skill add-react-analytics
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: gotempsh/temps.

SKILL.md

View raw

Integrate Temps analytics SDK into React applications with full tracking capabilities.

| useTrackEvent | Track custom events | | useAnalytics | Access analytics context, identify users | | useScrollVisibility | Track element visibility on scroll | | usePageLeave | Track page leave and time on page | | useEngagementTracking | Heartbeat engagement monitoring | | useSpeedAnalytics | Web Vitals (LCP, FCP, CLS, TTFB, INP) |

Add Temps analytics to React applications with comprehensive tracking capabilities including page views, custom events, scroll tracking, engagement monitoring, session recording, and Web Vitals performance metrics. Use when the user wants to: (1) Add analytics to a React app (Next.js App Router, Next.js Pages Router, Vite, Create React App, or Remix), (2) Track user events or interactions, (3) Monitor scroll depth or element visibility, (4) Add session recording/replay, (5) Track Web Vitals or performance metrics, (6) Measure user engagement or time on page, (7) Identify users for analytics, (8) Set up product analytics or telemetry. Triggers: "add analytics", "track events", "session recording", "web vitals", "user tracking", "temps analytics", "react analytics". Source: gotempsh/temps.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/gotempsh/temps --skill add-react-analytics
Source
gotempsh/temps
Category
{}Data Analysis
Verified
✓
First Seen
2026-02-26
Updated
2026-03-10
URL
https://www.learn-skills.dev/en/skills/gotempsh/temps/add-react-analytics

Browse more skills from gotempsh/temps

Quick answers

What is add-react-analytics?

Add Temps analytics to React applications with comprehensive tracking capabilities including page views, custom events, scroll tracking, engagement monitoring, session recording, and Web Vitals performance metrics. Use when the user wants to: (1) Add analytics to a React app (Next.js App Router, Next.js Pages Router, Vite, Create React App, or Remix), (2) Track user events or interactions, (3) Monitor scroll depth or element visibility, (4) Add session recording/replay, (5) Track Web Vitals or performance metrics, (6) Measure user engagement or time on page, (7) Identify users for analytics, (8) Set up product analytics or telemetry. Triggers: "add analytics", "track events", "session recording", "web vitals", "user tracking", "temps analytics", "react analytics". Source: gotempsh/temps.

How do I install add-react-analytics?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/gotempsh/temps --skill add-react-analytics Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/gotempsh/temps

Details

Category
{}Data Analysis
Source
skills.sh
First Seen
2026-02-26

Related Skills

temps-platform-setup
17 Installs
add-node-sdk
13 Installs
add-session-recording
13 Installs
temps-cli
0 Installs