add-session-recording

Automate privacy-aware session recording in React apps with the Temps SDK.

620|45|Updated Oct 21, 2025
One-click install
npx skills add https://github.com/gotempsh/temps --skill add-session-recording
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-session-recording
Source: https://github.com/gotempsh/temps/tree/main/skills/add-session-recording
Command: npx skills add https://github.com/gotempsh/temps --skill add-session-recording

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers need to observe user interactions in React apps without capturing sensitive data, enabling debugging and UX improvements while preserving privacy.

Core Features & Use Cases

  • Privacy-aware session recording with rrweb under the hood
  • GDPR-compliant consent flows and masking controls
  • Flexible configuration for masking, blocking, and sampling

Quick Start

Install the Temps SDK and wrap your app with SessionRecordingProvider to begin capturing sessions with privacy controls.

Frequently Asked Questions about add-session-recording

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add privacy-aware session recording to a React app?

To add privacy-aware session recording to a React app, wrap your application with the SessionRecordingProvider component. This integrates the Temps SDK to capture user sessions while applying input masking and GDPR-compliant consent flows.

How does session recording handle GDPR consent flows?

GDPR consent flows for session recording are handled through configurable runtime controls in the Temps SDK. This ensures user interactions are only captured after explicit consent, satisfying privacy requirements for debugging and behavior analysis scenarios.

Can I use input masking and blocking for session replays in React?

Yes, you can use input masking and blocking for session replays in React. The Skill provides flexible configuration options to mask sensitive inputs, block specific elements, and apply sampling rules to prevent unauthorized data capture.

What is the best way to record user behavior in React without capturing sensitive data?

The best way to record user behavior without capturing sensitive data is using a privacy-aware session recording tool built on rrweb. It allows developers to observe interactions for UX improvements while strictly masking inputs and enforcing GDPR consent.

Does session recording with rrweb support sampling and provider integration?

Yes, session recording with rrweb supports sampling and provider integration. The Temps SDK provides runtime control requirements including data sampling rates and provider integration to manage how user sessions are captured and stored.