시각적 계획 IR (Visual Plan IR)

TL;DR

코딩 에이전트가 코드를 쓰기 전후에 인간이 검토할 수 있는 MDX 기반 계획/리캡 산출물을 중간 표현으로 두는 접근.

Builder.io의 /visual-plan은 긴 Markdown 계획을 MDX 기반 interactive review document로 바꾸고, diagram, interactive API spec, schema change, annotated code, pan/zoom wireframe을 포함한다고 설명된다 [1] [4].
영상은 human -> plan -> code 다이어그램을 통해 인간이 code layer만 보는 대신 plan layer를 먼저 승인하는 구조를 제시한다 [2].
/visual-recap은 PR, branch, commit, diff를 file map, annotated diff, schema/API summary, UI state summary를 포함한 리뷰 문서로 바꾸는 반대 방향의 workflow다 [1] [5].
이 접근의 핵심 가치는 에이전트 실행 전 요구사항, UI, API, schema, file impact를 사람이 검토 가능한 형태로 승인하게 만드는 데 있다 [1] [4] [7].
한계는 정량 벤치마크가 없고, 작은 변경에는 계획/리캡 문서 자체가 오버헤드가 될 수 있다는 점이다 [4] [5].