For frontend engineers authoring UI — how to make components reliably locatable by tests and AI agents.
Part of Playwright Skill GuidesPack · 7 skills
by testdino-hq· Developer toolsUnclaimed · Yours? Claim it
About
For frontend engineers authoring UI — how to make components reliably locatable by tests and AI agents. Covers the official Playwright locator priority, semantic/accessible markup first, and how to add valid, unique, stable `data-testid` attributes (naming convention, uniqueness in lists, stability rules) for React, Vue, Angular, and Svelte. Use when writing or reviewing components, or when an agent needs durable locators.
Skills people install alongside playwright-frontend.
Runs on your machine.
Runs on your machine.
Runs on your machine.
Runs on your machine.
npx -y degit testdino-hq/playwright-skill/frontend ~/.copilot/skills/playwright-frontend
Runs on your machine.
npx -y degit testdino-hq/playwright-skill/frontend ~/.cursor/skills/playwright-frontend
Runs on your machine.
npx -y degit testdino-hq/playwright-skill/frontend ~/.claude/skills/playwright-frontend
Runs on your machine.
npx -y degit testdino-hq/playwright-skill/frontend ~/.agents/skills/playwright-frontend
Runs on your machine.
Runs on your machine.
npx -y degit testdino-hq/playwright-skill/frontend ~/.gemini/skills/playwright-frontend
Runs on your machine.
npx -y degit testdino-hq/playwright-skill/frontend .agents/skills/playwright-frontend
Runs on your machine.
npx -y degit testdino-hq/playwright-skill/frontend ~/.openclaw/skills/playwright-frontend
Runs on your machine.
npx -y degit testdino-hq/playwright-skill/frontend ~/.config/opencode/skills/playwright-frontend
Runs on your machine.
npx -y degit testdino-hq/playwright-skill/frontend ~/.hermes/skills/playwright-frontend
Scanned and passed · checked 2 h ago
From people who use it
Step by step
Nothing new reaches your agent until a person has looked at it.
Scanned on every change, and again when our rules improve.
No reviews yet. Used playwright-frontend? Say how it went.
Write a reviewNobody has shared how they use playwright-frontend yet.
Security scan
Passed
Safe to install in every agent it supports. Runs in your agent, as instructions.
Skills people install alongside playwright-frontend.
Go skills for coding agents: idiomatic style, error handling, testing, concurrency, security and performance for production Go projects.
Test Double's coding skills: build test-first, refactor under green tests, review your branch and trace bugs to their root cause.