AGENT SKILL

playwright-visual-check

Use Playwright to verify UI layout, screenshots, responsive behavior, and console/runtime errors.

License 许可
MIT
最近更新
2026-05-28
Stars
★ 0
Forks
0

01 前言 Front Matter

name
playwright-visual-check
author
Siming
license
MIT
version
1.0.0
metadata
{ "siming": { "tags": [ "testing", "playwright", "frontend" ] } }
description
Use Playwright to verify UI layout, screenshots, responsive behavior, and console/runtime errors.

03 SKILL.md 正文

Playwright Visual Check

Use this skill for frontend verification.

Workflow

  1. Start the correct dev server and capture the target route.
  2. Check console errors before judging visuals.
  3. Use screenshots for layout, spacing, overflow, and alignment.
  4. Verify at least one desktop and one mobile viewport for responsive changes.
  5. Record paths to screenshots or key observations.

Checks

  • A passing typecheck does not prove the UI looks correct.

04 同仓库更多 Skills