Element Library

Documentation Index

Fetch the complete documentation index at: https://docs.samelogic.com/llms.txt

Use this file to discover all available pages before exploring further.

The Element Library is the system of record for captured UI elements. It connects selectors, stability scores, and collaboration workflows to real product context.

​

Purpose

• Store every captured element with rich metadata.
• Provide fast search, filtering, and tagging.
• Centralize stability scoring and selector updates.

​

Primary users

• QA teams tracking element stability over time.
• Engineers debugging regressions.
• Product and CRO teams triaging conversion blockers with concrete UI evidence.

​

Plan limits

Saved element quotas vary by subscription tier:

​

Entry points

• Project dashboard
• Elements list view
• Search and filter results

​

Core workflows

• Browse elements by project and tags.
• Inspect element details for selectors and context.
• Update metadata, add notes, and share.
• Generate test code snippets.

​

CRO taxonomy

Element status now uses a CRO-first issue taxonomy:

• Broken Experience
• UX Friction
• Unclear Messaging
• Weak CTA
• Trust Gap
• Form Friction
• Performance/Speed
• Mobile Usability
• Tracking Gap
• No Issue

Optional secondary dimensions support triage:

• Impact: REVENUE_BLOCKER, HIGH, MEDIUM, LOW
• Experiment status: HYPOTHESIS, READY_TO_TEST, IN_TEST, WINNER, NO_LIFT

​

Page structure (web app)

​

1. Elements list

• Search bar with filters and tags
• Sort by stability, recency, or usage
• Grid or table view
• Quick actions: bookmark, share, copy selector

​

2. Element detail view

• Overview tab: preview, selectors, stability score
• Console & logs: captured logs with filters
• CSS & styles: computed styles and layout
• Variations: alternate selectors and fallbacks
• Testing: code generation and waits

​

3. Collaboration panel

• Notes and comments
• Activity timeline
• Ownership and assignment

​

Data model

• Element identifiers and project linkage
• Selector set with confidence levels
• Stability score with risk factors
• Attributes, text, and computed styles
• Captured screenshots and URLs
• Usage history and last activity timestamp

​

Key actions

• Bookmark and share elements
• Export selectors or code snippets
• Create bug reports from element context
• Add tags and classify stability

​

Performance expectations

• Fast search and filtering
• Responsive grid and detail load
• Smooth transitions between tabs

​

Known limits

• Very large style payloads are summarized
• Screenshot size limits apply to keep pages fast