design-lint와 브라우저 시각 QA

design-lint는 에이전트가 눈앞의 작업에 돌리는 판정되고 규칙 잡힌 패스입니다. 브라우저 시각 QA는 라이브 페이지를 직접 보는 것입니다 — 간격, 타이포, 눈이 잡는 상태. 반복 가능한 lint에는 스킬을, 실제 픽셀이 필요할 때는 브라우저를 쓰세요.

어느 것을 써야 하나요?

design-lint는 에이전트가 눈앞의 작업에 돌리는 판정되고 규칙 잡힌 패스입니다. 브라우저 시각 QA는 라이브 페이지를 직접 보는 것입니다 — 간격, 타이포, 눈이 잡는 상태. 반복 가능한 lint에는 스킬을, 실제 픽셀이 필요할 때는 브라우저를 쓰세요.

나란히.

선택무엇을 하나요어디서 실행되나요적합한 경우
design-lint skill에이전트가 엄격한 디자인 QA 절차를 적용저장소 / 현재 파일일관된 판정 패스가 필요할 때
브라우저 시각 QA렌더된 페이지를 검사로컬 또는 라이브 URL실제 픽셀, 모션, 브레이크포인트가 필요할 때

스킬이 맞을 때.

이미 마크업이 있고 에이전트가 매번 같은 lint를 적용하길 원할 때 — 분위기 체크가 아닙니다.

브라우저가 맞을 때.

호버 상태, 실제 폰트, 오버플로는 렌더되어야만 보입니다. 페이지를 보세요. 스킬이 그걸 대체하지 않습니다.