| name | perkcord-ui-visuals |
| description | Perkcord UI visual confidence loop for Codex. Use when changing apps/web copy, layout, styling, components, subscribe/admin flows, branding, tier rendering, checkout UI, dashboard UI, Playwright visuals, or Storybook snapshots. |
Perkcord UI Visuals
This is the Codex wrapper for the repo source skill:
.opencode/skills/perkcord-ui-visuals/SKILL.md
Read that source skill before declaring UI-affecting work complete.
Codex translation notes:
- Run the visual suite required by
AGENTS.md when UI behavior or appearance changes.
- Use the Codex Browser plugin for localhost inspection and screenshots when the app target is known.
- If snapshots change, inspect the PNGs before treating the change as intentional.
- For CI-only Linux Playwright snapshot drift, use
npm --prefix apps/web run test:e2e:visual:adopt -- <downloaded-artifact-dir> --platform linux --filter <snapshot-name> after downloading the artifact.