# AI-first design-system readiness checklist

> Review tokens, specifications, consistency, and governance before launch

- Canonical: https://learning.reopt.ai/en/courses/design-systems/lessons/ds-l4-checklist
- Language: en
- HTML: https://learning.reopt.ai/en/courses/design-systems/lessons/ds-l4-checklist

---

[Design systems in the AI era](/en/courses/design-systems) 4. Governance & implementation playbook 11 / 15

# AI-first design-system readiness checklist

Review tokens, specifications, consistency, and governance before launch
Checklist 25 XP 5 min

지금까지 배운 내용을 운영 가능한 시스템으로 고정할 준비가 됐는지 점검하세요. 모든 항목을 체크하면 완료됩니다.

0 / 14

### 토큰

- Primitive → Semantic → Component 3계층 구조를 만들었다 컴포넌트의 Primitive 직접 참조 없음
- 네이밍을 category.property.variant.state 로 통일했다
- $description·$usage·$constraints·$avoid 를 명시했다
- DTCG 1.0(.tokens.json)을 Style Dictionary로 각 플랫폼에 변환한다

### 컴포넌트 & 접근성

- 코어 컴포넌트 5~10개를 명세(Props·상태·슬롯) 기반으로 구현했다
- role·aria 상태/관계 속성·표준 키보드 패턴을 내장했다
- 색상 대비 AA(일반 4.5:1, 대형/UI 3:1)를 토큰으로 보장한다
- axe-core 유닛 테스트와 Playwright 접근성 스캔을 CI에 넣었다

### 일관성 & 인터랙션

- 12컬럼 그리드와 Container/Grid, 4px 스페이싱 스케일을 정했다
- 상태·마이크로인터랙션·duration·easing을 토큰화했다
- prefers-reduced-motion을 지원한다

### 거버넌스

- RACI와 RFC 템플릿, 버저닝 규칙을 세웠다
- 품질 게이트 6종을 CI에 통합했다
- Golden Prompt Suite와 record/replay 검증 루틴을 만들었다

Check every item to complete this activity.

---

Site guide for agents: https://learning.reopt.ai/llms.txt · Sitemap: https://learning.reopt.ai/sitemap.xml · Contact: https://learning.reopt.ai/contact