Menu
After Next.js, React, or shared UI changes, instruct the operator to run a targeted make E2E screenshot report and where to review it.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Canonical linear DB migrations under infra/k8s/base/ops/source/database/linear-migrations, ops bundles, env keys, and runners. Use when adding or changing SQL migrations, K8s DB bootstrap, or scripts/database in this repo.
When an E2E test verifies a specific element, pass it to the capture helper so the step screenshot is taken with that element vertically centered.
Create and use Metaboost git worktrees in sibling directories named metaboost_<branch_slug> (underscores). Use when starting feature work, moving WIP off the main checkout, or opening the correct worktree path for a branch.
Distributed tracing and OTLP export patterns. Use when adding trace context, log correlation, or Observability env — after Metaboost adopts a shared observability package.
When you finish a plan file in active/, automatically move it to completed/. If it's the last plan in its set, move the whole set. Use when completing any plan under .llm/plans/active/.
User vocabulary abcmemory and abcremember — where Cursor guidance lives and how to persist new instructions. Use when the user says abcmemory or abcremember.
| name | ui-e2e-screenshot-report |
| description | After Next.js, React, or shared UI changes, instruct the operator to run a targeted make E2E screenshot report and where to review it. |
| version | 1.0.0 |
Use this skill when you modify visual or interactive UI in:
apps/web/src/**apps/management-web/src/**packages/ui/src/** (when behavior or layout affects web or management-web)Agents do not run E2E during implementation. Instruct the operator to verify UI work with a targeted screenshot report:
bash block (repo root)..artifacts/e2e-reports/latest/web/index.html or .artifacts/e2e-reports/latest/management-web/index.html.artifacts/e2e-reports/20260528-143022/web/index.html).make e2e_test_web_report_spec SPEC=e2e/<spec>.spec.tsmake e2e_test_management_web_report_spec SPEC=e2e/<spec>.spec.tsmake e2e_test_report_scoped WEB_SPEC=e2e/<web>.spec.ts MGMT_SPEC=e2e/<mgmt>.spec.tsUse SPEC paths relative to the app e2e/ folder (e.g. e2e/login.spec.ts), not apps/web/e2e/....
Do not use npx playwright test directly; make handles seed, deps, and report output.
Do not add E2E_API_GATE_MODE=on unless the change also requires API integration tests. Metaboost Makefile defaults to skipping API tests during E2E report runs.
End the implementation response with:
bash block with the exact command for the operator to run..artifacts/e2e-reports/latest/.docs/ with no component changes.