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

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

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

---

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

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

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

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

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

생성형 UI

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

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

[Previous](/en/courses/design-systems/lessons/ds-l4-quiz) Got it · Continue

---

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