메뉴
Run browser-assisted frontend work in this repo through the Compose-managed Playwright lane. Use this when the user asks to test or debug the Next.js frontend with browser automation, capture traces/screenshots, choose between fixture-backed vs live-web checks, or drive the frontend loop without adding a separate browser stack.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Proactive contract/invariant audit of a declared existing surface across repository history — not the current diff. Use when auditing an existing bounded surface for latent contract or invariant defects, producing a disposition-complete invariant ledger, or running a milestone audit across unchanged or cross-history code. Outputs INFORM only and never gate commits, releases, doctor, or updates. Ships a deterministic manifest and completeness helper that does discovery and accounting only. Do NOT use for current-commit review, ordinary bug diagnosis, complexity triage, proving test or semantic coverage, or establishing a hard gate.
Operate the vh-agent-harness agent harness itself — install, self-update, run the upgrade loop, read release migration notes, and use guide/update/doctor. Load this skill when asked to install, update, or operate the harness, or to read what changed in a release.
Operate the {{PROJECT_NAME}} agent harness itself — install, self-update, run the upgrade loop, read release migration notes, and use guide/update/doctor. Load this skill when asked to install, update, or operate the harness, or to read what changed in a release.
Caller-facing routing aid for media-perception in vh-agent-harness — decide between in-context perception (vision-capable caller) and single-delegation to the media-perception specialist (text-only caller or heavy/multi-step perception). Load this skill when you hold an image, diagram, chart, video, document/PDF, or audio locator and need to decide how to perceive it.
Caller-facing routing aid for media-perception in {{PROJECT_NAME}} — decide between in-context perception (vision-capable caller) and single-delegation to the media-perception specialist (text-only caller or heavy/multi-step perception). Load this skill when you hold an image, diagram, chart, video, document/PDF, or audio locator and need to decide how to perceive it.
Backlog ledger discipline for vh-agent-harness — conflict-safe edits to docs/planning/backlog.md (hybrid split-commit) plus DEFER/follow-up curation routing. Load this skill before editing the backlog, when handling a cas_conflict on the backlog, or when deciding where a DEFER/p2 finding should land.
| name | web-dev-loop |
| description | Run browser-assisted frontend work in this repo through the Compose-managed Playwright lane. Use this when the user asks to test or debug the Next.js frontend with browser automation, capture traces/screenshots, choose between fixture-backed vs live-web checks, or drive the frontend loop without adding a separate browser stack. |
| compatibility | opencode |
Use this for browser-assisted frontend work in {{PROJECT_NAME}}.
apps/webweb service checkstmp/docker-compose.dev.yml rather than adding host-only tooling./dev.sh docker-compose-dev run --rm --profile frontend-tools playwright npm run test:e2eweb server:
./dev.sh docker-compose-dev up -d api web./dev.sh docker-compose-dev run --rm --profile frontend-tools -e PLAYWRIGHT_USE_EXISTING_WEB_SERVER=1 -e PLAYWRIGHT_BASE_URL=http://web:3000 -e {{PROJECT_SLUG}}_WEB_USE_FIXTURES=0 playwright npm run test:e2e./dev.sh docker-compose-dev run --rm --profile frontend-tools playwright npm run test:e2e:headed./dev.sh docker-compose-dev run --rm --service-ports --profile frontend-tools playwright npm run test:e2e:ui./dev.sh web-view up./dev.sh web-view url./dev.sh web-view downtmp/agent-runs/...; the default location is tmp/agent-runs/playwright/.127.0.0.1.BROWSER_VIEW_EXPOSE_CMD is set, the viewer container will run that command with the internal web port appended so you can layer your own later publish/tunnel mechanism on top.playwright service is the browser tool lane. The web service is still the interactive Next.js dev server.tmp/agent-runs/...