DSDesignSkill
|

/디자인스킬/시각 검수 스킬

SKILL.md

시각 검수 스킬

렌더 결과를 뷰포트별로 점검하는 검수 스킬. 생성 완료 후 별도 단계로 실행한다.

역할과 적용 범위

  • 360/768/1440 렌더 스크린샷 기준 점검 (코드 리뷰로 대체 금지)
  • 겹침·오버플로·대비·여백 리듬·빈 상태를 잡는다

체크리스트

  1. 1가로 스크롤 발생 여부 (모든 뷰포트)
  2. 2텍스트 겹침·잘림·줄바꿈 붕괴
  3. 3대비 4.5:1 미달 조합
  4. 4섹션 여백 리듬 (80–120px) 일탈
  5. 5hover·focus·빈 상태 누락

출력

  • 발견 항목마다: 위치(섹션)·뷰포트·심각도·수정 제안
  • 문제 없으면 "PASS + 확인 뷰포트 목록"

충돌

  • 생성·재디자인 스킬과 동시 주입 금지 (검수 독립성)

설명

생성이 끝난 화면을 실제 렌더 기준으로 검수하는 스킬입니다. 코드만 보고 통과시키는 관행을 차단합니다.

변경 이력

v1.4.02026-07-24

뷰포트 3종(390·768·1440) 체크리스트 확정

v1.2.02026-07-15

겹침·가로 스크롤 검출 절차 추가

v1.0.02026-07-06

최초 공개