Menu
Playwright로 로컬 웹 앱을 테스트합니다. naia.nextain.io, about.nextain.io, aiedu.nextain.io 등 Next.js 앱의 E2E 테스트, UI 동작 검증, 스크린샷 캡처, 콘솔 로그 확인 시 반드시 사용. 사용자에게 수동 테스트를 시키지 말고 이 스킬로 AI가 직접 검증할 것.
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle SOC
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/에 저장