Release v0.2.0 — Phase 2: 조립한다 · 짚는다 · 넘긴다 · kh1012/instant-elements

컴포넌트를 쌓았으면 그걸로 화면을 조립할 차례입니다.

페이지는 코드가 아니라 데이터

에이전트가 말로 조립하고, 사람이 리뷰하고, 되돌리는 일이 전부 한 JSON 위에서 일어납니다.

npx ie page create "대시보드"
# 에이전트에게: "상단에 GNB, 본문에 지표 카드 3개랑 추이 차트 자리"
npx ie gallery   # → /pages/대시보드

미리보기에서 고칠 자리를 클릭하고 의견을 남기면, 모아서 하나의 실행 가능한 프롬프트가 됩니다. 그 프롬프트에는 대상 페이지·현재 구조·노드 트리 경로·동시성 안전 저장 절차가 이미 실려 있습니다.

낙관적 동시성 — 읽은 버전을 --base 로 돌려주지 않으면 저장을 거부합니다(종료코드 4). 통째로 덮어쓰게 두면 리뷰어의 손편집이나 다른 에이전트의 리파인이 조용히 사라집니다.
버전 스냅샷 — 저장마다 남습니다. 흐름 시연이 "편입 시점의 화면"을 박제할 자리입니다(Phase 3).
구조 _-props — fill 은 부모 방향에 따라 뜻이 달라집니다. Row 자식이면 flex:1, 세로 흐름이면 width:100%, Grid 자식이면 트랙에 맡깁니다. 부모를 모른 채 flex:1 을 내면 Stack 안에서 세로로 늘어납니다.
랜드마크 역할 — 최상위 컨테이너의 _role 이 실제 <header>·<nav>·<main> 으로 방출됩니다. 중복되면 첫 노드만 유지합니다.
3가지 미리보기 모드 — 최소(뼈대) · 요약(별칭·역할·크기) · 라이브(실 컴포넌트에 페이지 props 반영)
고정 크기 캔버스 — 1:1 로 그립니다. 축소하면 포털로 빠져나가는 모달·팝오버가 스케일 밖에 그려져 어긋납니다.
page-create 스킬

ie page list | get | create | set | history | versions | catalog

테스트 162건.

흐름 시연 · git SHA 복원 · 애니메이션 계약 · props 스키마 추출 — Phase 3.