슈퍼앱 - 화면·기기·스펙을 한 줄에왼쪽에서 화면을 고르면 가운데 iPhone 15 Pro 프레임에 앱이 실제로 렌더되고, 오른쪽에 그 화면의 PRD 초안이 붙는다. PRD 는 지어낸 게 아니라 app-spike 실제 화면 코드에서 뽑았다. 화면 열일곱 장이 목록으로 서 있고, 「화면 출처」를 번들(정적)과 라이브 dev 서버 사이에서 바꿀 수 있다.스파이크 - dev 서버가 없으면 빈 기기같은 얼개인데 화면 출처가 라이브 dev 서버뿐이라, 8081 이 안 떠 있으면 기기 안이 「앱이 보이지 않나요? npm run web」으로 비어 버린다. 이 캡처가 그 상태다 - 앞의 슈퍼앱은 번들을 실어 두었기 때문에 서버 없이도 그려진다. 이 작업이 고친 것이 바로 이 차이다.DEX 앱 - 실제로 눌러 보는 판탭·푸시·시트·탭바 전환이 진짜로 도는 단일 프레임. 오른쪽에 지금 네비게이션 상태(onboarding·active tab·stack·sheet)를 실시간으로 찍어 주고, 그 아래 조작 방법을 아홉 줄로 적었다. 보는 사람이 어디를 눌러야 하는지 몰라 멈추는 일이 없다.DEX 카탈로그 - 열 화면과 지켜야 할 것화면 열 장을 탭/푸시/시트와 상태 수까지 달아 격자로 세운다. 아래 「제약(필수 검수 포인트)」이 이 판의 값이다 - 공용 컴포넌트 킷만 · raw hex 0개 · 프레임 안은 영문, 밖은 한글 · Buy 는 검정 Sell 은 빨강. 무엇을 그렸는지가 아니라 무엇을 안 어겼는지를 같이 적었다.
