infograb-design-contract 가이드

한 줄 결과물: 인포그랩 산출물에 적용한 값(색, 글자, 간격, 모서리, 모션)과 승인 규칙을 밝힌 작업. 값마다 정본 확인 여부가 적힌다.

언제 쓰나

이 스킬은 회사 맥락 모듈이다. 값은 팀 문서에서 옮긴 사본이고 정본은 @infograb/design-tokens다. 정본에 접근할 수 없으면 "참고용 사본"이라고 밝힌다.

디자인 계약 요약: 색 견본, 폐기 색, 규격 표, 승인 흐름

그림은 SKILL.md의 계약 표를 한 장으로 옮긴 것이다. 새 값을 만든 것이 아니다.

값	내용
색	브랜드 녹색 `#328523`, 글자용 `#286a1b`, 보라 `#5941af`(콘텐츠 영역 분류 표시에만)
폐기	`#579950`, `#4B24D7`, `#7e61d5`는 새로 쓰지 않는다
글자	최소 12px, 본문 16px, 줄 간격 1.7, `word-break: keep-all`, 숫자 `tabular-nums`
간격과 모양	4px 격자, 모서리 4/6/12/16, 모션 0.2초/0.3초/0.5초
승인	에이전트는 초안과 검수까지, 최종 승인과 게시는 사람(신철호)

인포그랩 산출물인지 확인한다. 고객사 브랜드가 걸려 있으면 고객사 규칙을 먼저 받는다.

infograb-design-contract 스킬을 따라 <산출물> 을 만들어 줘.
정본(@infograb/design-tokens)에 접근할 수 있으면 대조하고, 못 하면 "참고용 사본"이라고 밝혀 줘.

정본 접근 여부를 확인하고 밝힌다. 접근할 수 없으면 아래 값은 "참고용 사본"이다.
계약 값으로 작업한다. 예를 들어 글자용 녹색을 쓸 때 대비를 확인한다.
```
python3 a11y-audit/scripts/contrast.py '#286a1b' '#ffffff'
# 6.63:1  일반 글자 4.5 통과
```
평가는 ui-review와 deck-qa로 한다. 점수 틀은 평균 2.5 이상이고 차단 0이면 PASS다.
승인이 필요한 단계에서 멈춘다. 설치, 배포, 게시, 메시지 발송은 사용자 승인 뒤에만 한다.
보고에 값마다 "정본 확인/미확인"을 적는다. 상태 표시는 [confirmed], [inferred], [open], [drift]를 쓴다.