fullstory-stable-selectors

Official

Stable, semantic selectors across web and mobile.

Authorfullstorydev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Modern applications often suffer from brittle, dynamic identifiers that change across builds and devices. This Skill provides stable, semantic selectors to reliably locate components and interactive elements in both web and mobile contexts.

Core Features & Use Cases

  • Universal component-element taxonomy using data-component and data-element on web, and platform-specific equivalents on mobile (iOS accessibilityIdentifier, Android contentDescription/testTag, React Native testID, Flutter Key).
  • Enables reliable Fullstory searches, heatmaps, and automated tests with durable selectors across platforms.
  • Use Case: Large-scale apps across teams benefit from consistent targeting for analytics, accessibility, and automation.

Quick Start

Identify a ProductCard on the web with data-component="ProductCard" and data-element="card", then locate the Add-to-Cart control with data-element="add-to-cart" (and the web root selector [data-component="ProductCard"][data-element="add-to-cart"]).

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: fullstory-stable-selectors
Download link: https://github.com/fullstorydev/fs-skills/archive/main.zip#fullstory-stable-selectors

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.