Codex로 만든 화면 품질을 증거로 확인하는 방식
같은 는 코드를 고치는 데는 강하지만, 화면 디자인 판단에서는 약한 모습을 보일 수 있다. 리액트 빌드는 성공해도 실제 결과물은 기본 글꼴, 들쭉날쭉한 여백, 어울리지 않는 그라디언트와 그림자, 서로 다른 분위기의 구성요소 때문에 만든 티가 날 수 있다. Superloopy는 가 파일만 수정하고 끝내지 않도록, 화면 작업에 증거 확인 단계를 넣는 작은 플러그인 겸 다.
작업 전에 와 기준을 정하고, 흔한 인공지능식 기본 디자인을 막으며, 92개 브랜드·스타일 참고 자료로 시각 방향을 잡는다. 이후 선언되지 않은 색상과 기준에서 벗어난 간격을 검사하고, 모바일·태블릿·데스크톱 화면 폭에서 실제 브라우저 스크린샷을 남긴다. 비교 대상이 있으면 시각 차이와 문제가 몰린 부분도 확인하며, 완료 전에는 .superloopy/evidence/ 아래에 시각 검수 결과물을 남기도록 요구한다.
같은 증거 확인 방식은 조사 작업과 허가된 웹사이트 복제 작업에도 적용되어, 인용 근거와 주장 기록을 남기게 한다.
핵심 포인트
- 류 도구는 코드 수정은 잘해도 화면의 완성도 판단은 놓칠 수 있다.
- Superloopy는 화면 작업 전에 와 기준을 세우게 한다.
- 선언되지 않은 색상, 기준 밖 간격, 흔한 인공지능식 기본 디자인을 검사한다.
- 모바일·태블릿·데스크톱 실제 브라우저 스크린샷을 증거로 남긴다.
- 완료 전 .superloopy/evidence/에 시각 검수 결과물을 요구한다.