/elite-validate

New

Skill 11

Playwright e2e presentation tests — deterministic specs with step screenshots, session video, and an HTML walkthrough for local UI flows.

What It Covers

Prerequisite gate for Playwright, local app, personas, and helpers
Discovery phase for persona, user stories, URL, and headed mode
Per-flow folders with committed specs and gitignored artifacts
Step screenshots, session video, and HTML presentation deliverable
Portable presentation helpers scaffolded when the repo lacks them
Package-manager agnostic run commands
SKILL.state — each step is skill spec + JSON state + latest observation only

Install This Skill

npx skills add https://eliteskills.ai --skill elite-validate

Or install all skills:

npx skills add https://eliteskills.ai

Skill Structure

tree

.claude/skills/elite-validate/
├── SKILL.md
├── prerequisites.md
├── scripts/
└── state.sh
├── templates/
├── playwright-e2e.ts.md
└── presentation.ts.md

Example Prompts

Record a login demo

> /elite-validate Login as a member

Validate a checkout flow

> /elite-validate Checkout flow from cart to order confirmation

Demo a feature walkthrough

> /elite-validate Settings flow as an admin

Scaffold helpers

> /elite-validate Onboarding flow for a new user

Best Practices

Complete the prerequisites gate before authoring any specs
Wait for explicit approval of persona and user stories (Phase 0)
Prefer getByRole/getByLabel locators over brittle CSS selectors
Never commit artifacts/ — only the .spec.ts and shared helpers
Reset and reseed when the project has seed scripts to avoid flaky data
Next step is SKILL.md + state.json + latest observation — do not replay probe or run logs

Compatible Tools