Menü
Playwright로 로컬 웹 앱을 테스트합니다. naia.nextain.io, about.nextain.io, aiedu.nextain.io 등 Next.js 앱의 E2E 테스트, UI 동작 검증, 스크린샷 캡처, 콘솔 로그 확인 시 반드시 사용. 사용자에게 수동 테스트를 시키지 말고 이 스킬로 AI가 직접 검증할 것.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
Configure, observe, and recover Discord AI jobs from the ADK workspace with either Codex or Claude. Use for Discord setup, background-job status, live activity, stalled-job diagnosis, reboot recovery, idle rotation, or session history.
Codex 또는 Claude로 실행되는 Discord 백그라운드 작업의 설정·상태·실시간 활동·재부팅 복구를 ADK 워크스페이스에서 관리합니다.
세션 변경사항을 분석해 verify-* 스킬 드리프트를 탐지하고 자동 생성/업데이트합니다. issue-driven-development Sync 단계, 새 패턴/규칙 도입 후, PR 전 검증 스킬 커버리지 확인 시 반드시 사용. /manage-skills로 호출.
원요청 무결성과 세션 바인딩 하네스의 원문 해시체인, 완전 범위 추적, 서명 권한, 2회 Clean 결박, Claude Code/Codex 등록·동등성을 결정론으로 검증합니다. request-contract·session-inject 코어/어댑터·설정·스키마·review-pass를 수정한 뒤, Review/Post-test Review 및 커밋 전에 반드시 사용합니다.
등록된 모든 verify-* 스킬을 순차 실행해 통합 검증 보고서를 생성합니다. 기능 구현 후, PR 전, 코드 리뷰 시, issue-driven-development Review/Post-test Review 단계마다 반드시 사용. /verify-implementation으로 호출.
기존 제품의 경로·진입점·내비게이션·사용자 여정·운영 표면이 기능 추가 뒤에도 유지되는지 기준 버전과 보존 계약으로 검증합니다. 기존 프로젝트의 기능 추가·통합·리팩터링 후, planning/integration 리뷰와 release 전에 반드시 사용합니다.
| name | webapp-testing |
| description | Playwright로 로컬 웹 앱을 테스트합니다. naia.nextain.io, about.nextain.io, aiedu.nextain.io 등 Next.js 앱의 E2E 테스트, UI 동작 검증, 스크린샷 캡처, 콘솔 로그 확인 시 반드시 사용. 사용자에게 수동 테스트를 시키지 말고 이 스킬로 AI가 직접 검증할 것. |
Playwright Python 스크립트로 로컬 웹 앱을 직접 테스트합니다.
헬퍼 스크립트:
.agents/skills/webapp-testing/scripts/with_server.py — 서버 시작 → 포트 ready 대기 → 테스트 실행 → 서버 정리규칙: 스크립트는 읽지 말고 실행만 할 것 (--help 먼저 실행).
python .agents/skills/webapp-testing/scripts/with_server.py --help
테스트 대상 → 정적 HTML?
├─ Yes → 파일 직접 Read → 셀렉터 파악 → Playwright 스크립트 작성
└─ No (동적 앱) → 서버가 이미 실행 중?
├─ No → python .agents/skills/webapp-testing/scripts/with_server.py --help 실행 후 사용
└─ Yes → Reconnaissance-then-action 패턴 사용
서버가 실행 중일 때:
page.wait_for_load_state('networkidle') 대기 (동적 앱 필수)from playwright.sync_api import sync_playwright
with sync_playwright() as p:
browser = p.chromium.launch(headless=True)
page = browser.new_page()
page.goto('http://localhost:3000')
page.wait_for_load_state('networkidle') # 필수: JS 실행 대기
# 1. 탐색
page.screenshot(path='/tmp/inspect.png', full_page=True)
buttons = page.locator('button').all()
# 2. 액션
page.click('text=로그인')
browser.close()
# Next.js 단일 서버
python .agents/skills/webapp-testing/scripts/with_server.py \
--server "cd \"$WORKSPACE/your-web-app\" && npm run dev" \
--port 3000 --timeout 90 \
-- python /tmp/test_script.py
# 백엔드 + 프론트엔드
python .agents/skills/webapp-testing/scripts/with_server.py \
--server "cd backend && python server.py" --port 8000 \
--server "cd frontend && npm run dev" --port 3000 --timeout 90 \
-- python /tmp/test_script.py
from playwright.sync_api import sync_playwright
with sync_playwright() as p:
browser = p.chromium.launch(headless=True)
page = browser.new_page()
console_logs = []
page.on("console", lambda msg: console_logs.append(f"[{msg.type}] {msg.text}"))
page.goto('http://localhost:3000')
page.wait_for_load_state('networkidle')
# 액션 수행 후
print('\n'.join(console_logs))
browser.close()
| 프로젝트 | 명령어 | 포트 | timeout |
|---|---|---|---|
| naia.nextain.io | npm run dev | 3000 | 90s |
| about.nextain.io | npm run dev | 3000 | 60s |
| aiedu.nextain.io | npm run dev | 3000 | 60s |
| naia-os (Tauri) | tauri-driver 필요 — Tauri 공식 문서 참고 | - | - |
naia-os Tauri 테스트: 일반 Playwright headless 불가. tauri-driver로 WebDriver 서버를 실행하고 Playwright가 해당 포트에 연결하는 방식. 포트/설정은 Tauri testing 문서 참고.
networkidle 없이 동적 앱 DOM 읽으면 빈 결과 나옴--timeout 90 이상 권장.env 필요 — 없으면 사용자에게 요청/tmp/에 저장