菜单
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 页面并帮你完成安装。
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.
Backlog ledger discipline for {{PROJECT_NAME}} — 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.
基于 SOC 职业分类
| 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/...