element-interactions

Runs Playwright UI tests using a page-repository-driven model with separated element acquisition and interaction.

7|7|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/civitas-cerebrum/element-interactions --skill element-interactions
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: element-interactions
Source: https://github.com/civitas-cerebrum/element-interactions/tree/main/skills/element-interactions
Command: npx skills add https://github.com/civitas-cerebrum/element-interactions --skill element-interactions

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables teams to orchestrate Playwright-based UI tests by decoupling element acquisition from interaction and by wiring test steps through a repository-driven model, improving readability, maintainability, and AI-friendliness.

Core Features & Use Cases

  • Decouples element acquisition from interaction using a shared page-repository and the Steps API, enabling tests that read like plain English.
  • Supports a staged, multi-skill workflow (discovery, inspection, automation, API compliance, test composition) to scale test coverage and reliability.
  • Provides companion skills (journey-mapping, coverage-expansion, test-composer, bug-discovery, etc.) to drive end-to-end testing programs.

Quick Start

Describe the scenario you want automated in plain language and I will convert it to a Stage 1 scenario.

Frequently Asked Questions about element-interactions

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

FAQPage Schema
How do I write Playwright tests that read like plain English without inline selectors?

You can write Playwright tests without inline selectors by using a page-repository-driven model that decouples element acquisition from interaction. This architecture enables tests that read like plain English through the Steps API.

What is a page-repository-driven model in Playwright test automation?

A page-repository-driven model in Playwright test automation separates element acquisition from interaction stages. It uses a shared repository to manage element discovery, ensuring no inline selectors appear in user tests.

How do I scale Playwright test coverage using AI-assisted testing?

You scale Playwright test coverage using a staged multi-skill workflow that includes discovery, inspection, automation, API compliance, and test composition. This process enables AI-friendly test authoring and robust suites.

Can I automate onboarding journey scenarios with Playwright using a Steps API?

Yes, you can automate onboarding journey scenarios with Playwright by wiring test steps through the Steps API. This approach applies across scenario automation and coverage expansion using a two-package architecture.

Does this Playwright testing approach support explicit discovery stages before interaction?

Yes, this Playwright testing approach supports explicit discovery stages before interaction. All code paths adhere to API references, ensuring element acquisition is fully separated from the interaction phase.

Why should I decouple element acquisition from interaction in Playwright UI tests?

You should decouple element acquisition from interaction in Playwright UI tests to improve readability, maintainability, and AI-friendliness. This separation prevents inline selectors and enables robust suite orchestration.