메뉴
Playwright로 public 페이지 스크린샷을 찍고 내부 용어 노출, 깨진 UI를 검증한다. 프론트엔드 변경 후 시각 확인이 필요할 때 사용.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
규모가 큰 작업을 플랜 → 페이즈별 병렬 실행 → 자기 리뷰 → 요약 설명까지 체계적으로 진행한다. 마일스톤이 3개 이상이거나 파일 변경이 10개 이상 예상될 때 사용.
Telegram 대화 히스토리를 Obsidian에서 조회·수동 공고화·히스토리 초기화하는 스킬.
프로젝트 독립적 문서 관리 프레임워크 — 정본 1곳 원칙, change-class 기반 자동 갱신, 상태 자동 정리를 다른 프로젝트에 이식할 때 사용
Run the full pipeline (fetch → ingest → sync) and verify data reaches the UI via Playwright tests.
세션 회고 — 성공 패턴·실패 우회·반복 수작업·사용자 교정을 스킬/피드백/자동화로 자동 추출
git diff 기반으로 VibeHub의 ref/status/automation 문서 drift를 change class 단위로 점검하고, 어떤 문서를 어느 섹션까지 봐야 하는지 좁혀준다.
| name | screenshot-check |
| description | Playwright로 public 페이지 스크린샷을 찍고 내부 용어 노출, 깨진 UI를 검증한다. 프론트엔드 변경 후 시각 확인이 필요할 때 사용. |
| argument-hint | ["page-filter"] |
Playwright를 이용해 public 페이지의 스크린샷을 찍고 검증한다.
npx playwright test apps/web/tests/e2e/public-ux-screenshots.spec.ts $ARGUMENTS
test-results/screenshot-*.png 파일들을 Read 도구로 열어 시각 확인한다.
확인할 항목:
문제가 발견되면 해당 파일과 위치를 보고한다.