add-session-recording

Name: add-session-recording
Availability: InStock
Author: Temps

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

620|45|Updated Oct 21, 2025

Search Tags:#react #privacy #gdpr #session-recording #rrweb #consent-flow

Ready to run

npx skills add https://github.com/gotempsh/temps --skill add-session-recording

💬 Prompt for ChatGPT / Claude Chat▼

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.