개념 정의
AI에게 작업을 위임할 때, 사람이 보고 듣고 이해하는 것과 동일한 수준의 컨텍스트를 AI가 처리 가능한 형태로 변환하여 제공해야 한다는 원칙. 코드팩토리가 이를 “AI Experience(AX)” 설계 원칙의 핵심으로 정의했다.
핵심 명제
“AI가 바라보고 있는 이 데이터와 우리가 보고 듣는 정보가 똑같이 매칭될 수 있도록, 같은 컨텍스트 안에서 협업할 수 있도록 충분한 정보를 제공해야 한다.”
AI는 사람이 보는 것을 그대로 볼 수 없다. 따라서 AI가 처리 가능한 형태로 변환하는 과정이 협업의 전제 조건이 된다.
변환 패턴
| 원본 미디어 | AI 제공 형태 | 도구 |
|---|---|---|
| 영상 파일 (MP4) | SRT 자막 (시간 동기화) | Whisper |
| 웹 페이지 UI | 스크린샷 이미지 | Playwright MCP |
| 음성 파일 | 전사본 텍스트 | Whisper, STT |
| 생성된 이미지 | 이미지 재주입 + 설명 | 직접 첨부 |
AX(AI Experience) 설계 원칙
기존에는 프레임워크 선택 시 DX(Developer Experience)—개발자가 쓰기 편한가—를 기준으로 삼았다. 에이전틱 AI 시대에는 AX(AI Experience)—AI가 작업하기 편한 환경을 제공하는가—가 추가 기준이 된다.
- 에이전틱 루프를 방해하지 않는 기술 스택 선택
- AI가 결과물을 스스로 확인하고 이터레이션할 수 있는 환경 제공
- 미디어→텍스트 변환 파이프라인을 워크플로우에 내재화
적용 사례
- 영상 편집 (Hyperframe): MP4를 그대로 던지지 않고 Whisper로 SRT 생성 후 함께 제공 → AI가 “몇 초에 어떤 말을 하는지” 정확히 파악
- 웹 개발: Playwright로 렌더링 결과를 스크린샷으로 찍어 AI에게 재주입 → UI 이터레이션 루프 자동화
- 이미지 생성: 생성된 이미지를 다시 AI 컨텍스트에 주입하여 특정 요소 위치 파악 후 수정
연관 개념
- 에이전틱-루프-클로징 — 컨텍스트 동기화가 잘 된 루프는 클로징이 빠르다
- Hyperframe — SRT 동기화 활용 사례
- yt-RRXFWi06hQg-하이퍼프레임-AI-영상편집 — 출처 영상