Prompt file imported from codepetca/pika (
.codex/prompts/ui-verify.md). Fill in{{arguments}}before use. Copyright stays with the author.
Visually verify UI changes for the page path in {{arguments}}.
Use root DESIGN.md for the product contract and the repo guide for the
verification procedure: docs/guides/ai-ui-testing.md.
Playwright is the required final verification path. Chrome plugin/browser-profile checks may be used only as supplemental exploratory debugging and do not replace Playwright screenshots or verification scripts.
Preferred path:
bash .codex/skills/pika-ui-verify/scripts/ui_verify.sh "{{arguments}}"After screenshots are captured:
- Review the teacher and student views, or explicitly record why one role is not applicable.
- Check desktop and mobile coverage.
- Check light and dark mode when the surface supports both.
- Check the relevant visual states: default, hover, focus, open, selected, loading, empty, drag, or edit.
- Check layout, spacing, typography, responsiveness, and whether the intended primary signal is clear without extra chrome.
- If anything looks off, fix the code and repeat the verification.