# DESIGN.md에서 생성형 UI까지

> AI가 읽는 미학·행동 계약과 에이전트 UI 프로토콜

- Canonical: https://learning.reopt.ai/courses/design-systems/lessons/ds-l5-control
- Language: ko-KR
- HTML: https://learning.reopt.ai/courses/design-systems/lessons/ds-l5-control

---

[AI 시대의 디자인 시스템](/courses/design-systems) 5. 에이전틱 UI 품질 통제 13 / 15

# DESIGN.md에서 생성형 UI까지

AI가 읽는 미학·행동 계약과 에이전트 UI 프로토콜
개념 학습 45 XP 7분

토큰과 컴포넌트만으로는 AI가 페이지의 밀도·위계·금지 패턴을 추론하기 어렵습니다. DESIGN.md 는 미학적 기본값을, AGENTS.md 는 구현 행동을, 컴포넌트 명세는 허용된 조합을 설명해야 합니다.
정적 UI

- 미리 설계된 화면
- 제한된 상태 조합
- 회귀 테스트 중심

생성형 UI

- 상황에 따라 조합
- 허용 컴포넌트 목록 필요
- 스키마·가드레일·실행 추적 필요

프로토콜보다 먼저 A2UI·AG-UI를 도입하기 전에 허용 컴포넌트, 데이터 경계, 확인이 필요한 행동, 실패 시 폴백을 정의하세요.

[이전](/courses/design-systems/lessons/ds-l4-quiz) 이해했어요 · 계속

---

에이전트용 사이트 안내: https://learning.reopt.ai/llms.txt · 사이트맵: https://learning.reopt.ai/sitemap.xml · 문의: https://learning.reopt.ai/contact