Communitygithub.com

mrfacecheck/viewwright

범위가 지정된 제품 UI 작업을 위한 Codex 스킬로, 동작을 유지하고 증명 검증된 핸드오프를 제공합니다.

viewwright란 무엇인가요?

이 스킬은 Codex 에이전트가 UI 작업을 수행할 때 기존 동작을 손상시키지 않으면서 예상된 결과를 증명할 수 있는 방식으로 작업을 완료하고 핸드오프할 수 있도록 설계되었습니다. 주로 프런트엔드 개발, 컴포넌트 수정, 테스트 작성 시나리오에서 유용합니다. Mrfacecheck/viewwright는 시각적 회귀 테스트와 동작 기반 검증을 결합하여 UI 변경 사항이 기존 기능을 깨뜨리지 않도록 보장합니다. 이를 통해 개발자는 안정적인 UI 업데이트를 자신 있게 배포할 수 있으며, 코드 리뷰와 핸드오프 과정에서 명확한 증거를 제공하여 협업 효율성을 높입니다. 지원 플랫폼으로는 Codex와 Playwright 기반 환경이 포함됩니다.

지원 대상~Claude Code✓Codex CLI~Cursor
npx skills add mrfacecheck/viewwright

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

viewwright은(는) 무엇을 하나요?

범위가 지정된 제품 UI 작업을 위한 Codex 스킬로, 동작을 유지하고 증명 검증된 핸드오프를 제공합니다.

개요

이 스킬은 에이전트가 UI 변경 사항을 안전하게 적용하고, 기존 동작을 검증하며, 변경 사항의 정확성을 증명할 수 있는 방법을 제공합니다. Playwright를 사용하여 시각적 및 동작적 검증을 수행합니다.

사용 방법

  1. 작업 시작 전: 현재 UI의 스크린샷과 동작을 캡처합니다.
  2. 작업 수행: 요청된 UI 변경을 구현합니다.
  3. 작업 검증: 변경 후 UI의 스크린샷을 다시 캡처하고, 기존 동작이 유지되는지 확인합니다.
  4. 증명 생성: 변경 전후 비교 결과를 증명으로 제공합니다.

주요 기능

  • 동작 보존 검증: UI 변경 전후의 동작을 자동으로 테스트하여 회귀를 방지합니다.
  • 증명 기반 핸드오프: 변경 사항의 정확성을 시각적 및 로그 기반 증명과 함께 제공합니다.
  • 범위 지정 작업: 특정 UI 구성 요소에만 집중하여 예상치 못한 부작용을 최소화합니다.

지원 플랫폼

  • Codex
  • Playwright (브라우저 자동화)

예제

# 작업 전 상태 저장
codex run --skill mrfacecheck/viewwright --action capture --name initial_state

# UI 변경 적용
# (변경 작업 수행)

# 변경 후 상태 검증
codex run --skill mrfacecheck/viewwright --action verify --baseline initial_state

관련 스킬