agent-browser-relaticle

Automate browser-based UI testing for Relaticle login flows and panel navigation.

1.5k|170|Updated Sep 25, 2024
One-click install
npx skills add https://github.com/relaticle/relaticle --skill agent-browser-relaticle
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: agent-browser-relaticle
Source: https://github.com/relaticle/relaticle/tree/main/.claude/skills/agent-browser-relaticle
Command: npx skills add https://github.com/relaticle/relaticle --skill agent-browser-relaticle

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps QA engineers and developers automate the Relaticle UI, handling complex login flows, panel navigation, and session isolation across app and sysadmin panels. It covers domain-routed vs path-routed setups, seeded credentials, and common interaction patterns for Filament v5 + Livewire v4, including selectors, tenant switching, and resilience against flaky pages.

Core Features & Use Cases

  • URL derivation and session management for reliable, repeatable tests on both app and sysadmin panels
  • Robust login automation that adapts to Filament v5 + Livewire v4 components and dynamic forms
  • Tenant switching, seed-based credentials, and resilience patterns to recover from transient failures
  • Guidance for diagnosing environment and state issues, with self-heal prompts to update documented patterns

Quick Start

Open the agent-browser tool, start a fresh session, and run the documented login sequence to reach the default team panel.

Frequently Asked Questions about agent-browser-relaticle

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

FAQPage Schema
How do I automate Filament v5 and Livewire v4 UI testing for login flows and panel navigation?

Automate Filament v5 and Livewire v4 UI testing by applying robust interaction patterns that handle dynamic forms, validate panel navigation, and ensure deterministic sessions across app and sysadmin interfaces. This approach adapts selectors to component changes for reliable automated execution.

What is the best way to handle tenant switching and session isolation in automated QA testing?

Handle tenant switching and session isolation in QA testing by deriving environment-aware URLs, using deterministic sessions, and applying resilience patterns to recover from transient failures during panel navigation. This ensures reliable validation across isolated app and sysadmin interfaces.

Does agent-browser-relaticle support domain-routed and path-routed environment setups?

Yes, agent-browser-relaticle supports both domain-routed and path-routed setups. It ensures environment-aware URL derivation so your automated tests can reliably reach the correct app and sysadmin panels regardless of your specific routing configuration.

How do I use seed-based credentials to automate login sequences in browser UI testing?

Use seed-based credentials to automate login sequences in browser UI testing by running the documented login flow in a fresh agent-browser session. This reaches the default team panel and validates authentication against Filament v5 dynamic forms.

Why does my Filament v5 panel navigation fail during automated browser testing?

Filament v5 panel navigation fails during automated browser testing due to environment state issues, non-deterministic sessions, or flaky Livewire v4 components. Diagnose these failures using documented self-heal prompts and resilience patterns to update interaction selectors.