# 워크북: AI UI 품질 계약

> 에이전트가 지켜야 할 디자인·접근성·행동 규칙 작성

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

---

[Design systems in the AI era](/en/courses/design-systems) 5. 에이전틱 UI 품질 통제 14 / 15

# 워크북: AI UI 품질 계약

에이전트가 지켜야 할 디자인·접근성·행동 규칙 작성
Workbook 60 XP 9 min

## 실무 워크북

AI가 UI를 생성하거나 수정할 때 사용할 최소 품질 계약을 작성하세요.
작성 내용 자동 저장
미학적 기본값 필수
레이아웃·밀도·색·타입·모션의 기본 원칙을 작성하세요.

허용 조합 필수
사용 가능한 컴포넌트와 금지할 패턴을 작성하세요.

접근성 게이트 필수
키보드·포커스·대비·ARIA·reduced motion 검증 기준을 작성하세요.

행동 경계 필수
자동 실행 가능한 행동과 사람 확인이 필요한 행동을 구분하세요.

완성도 점검 기준

- 명시성 주관적 표현 대신 확인 가능한 규칙을 사용한다.
- 안전성 자동 행동과 승인 행동의 경계가 있다.
- 접근성 WCAG AA와 키보드 흐름이 기본값으로 포함된다.
산출물 완성 · 계속

---

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