Playwright UX/UI Capture (Artifact-first)

When to use

Use this skill when implementing or modifying Playwright E2E to:

• capture screenshots for a set of routes
• emit per-route artifacts immediately to disk
• keep the process robust and deterministic

Repo conventions

• Playwright config: edgequake_webui/playwright.config.ts
• Tests live in: edgequake_webui/e2e/
• UX/UI output dir: ux_ui_map/ (repo root)

Route discovery

Prefer enumerating concrete page.tsx files under edgequake_webui/src/app/**/page.tsx.

• Ignore route groups: folders like (dashboard) do not appear in URL paths.
• Avoid dynamic segments: paths with [param], [...param], [[...param]] are not capturable without fixture data.