菜单
After Next.js, React, or shared UI changes, instruct the operator to run a targeted make E2E screenshot report and where to review it.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
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.