2개의 글
타입체크도 테스트도 다 통과했는데, 왜 화면을 열면 깨질까. 에이전트에게 개발을 맡기며 겪은 문제와 그걸 그래프 엔지니어링이라는 절차로 만든 과정을 정리했다. 화면 개발을 네 층으로 가르는 법과 시안 수치를 DOM 실측으로 대조한 방법을 함께 적었다.
Figma 스펙과 브라우저 CSS 실측값을 자동 비교해 색상·타이포그래피·치수·간격·문구 5가지 결함을 검출하는 Claude Code 디자인 QC 스킬을 만들었다.