diff --git a/docs/superpowers/specs/2026-08-12-studio-page-design.md b/docs/superpowers/specs/2026-08-12-studio-page-design.md
new file mode 100644
index 0000000..05fa662
--- /dev/null
+++ b/docs/superpowers/specs/2026-08-12-studio-page-design.md
@@ -0,0 +1,238 @@
+# `/studio` — 생성 공장을 보여주는 페이지 설계
+
+2026-08-12
+
+## 왜 만드는가
+
+`studios`는 `content/projects.json` 39개 항목 중 **기술 설명이 가장 두꺼운 항목**이다.
+5모달리티 MCP 서버, 공유 커널, GPU 중재, SQLite 자산 스토어, 히스토리 보존 subtree
+병합, 6층 지문, 320개 넘는 테스트. 최근 투자의 대부분이 여기 들어갔다.
+
+그런데 사이트에서 이 항목은 **사실상 보이지 않는다.**
+
+| 필드 | 값 | 결과 |
+|---|---|---|
+| `featured` | `false` | 홈에 안 뜬다 |
+| `private` | `true` | 저장소 링크가 렌더되지 않는다 (Private 규칙) |
+| `website` | 없음 | 갈 곳이 없다 |
+| `screenshot` | 없음 | 이미지가 없다 |
+
+그래서 `hasIndexablePage()`가 `false`가 되고, 2026-08-05에 넣은 얇은 페이지 필터가
+**사이트맵에서 제외한다.** 가장 큰 투자가 가장 안 보이는 것이 된다.
+
+**필터는 옳다. 고쳐야 할 것은 항목이다.** 지금 이 항목은 말만 있고 보여줄 것이 없다.
+
+## 이 페이지가 하지 않는 것 — 설계의 출발점
+
+**AI 생성 이미지를 격자로 늘어놓지 않는다.**
+
+2026년에 생성 이미지는 변별력이 없다. 누구나 뽑는다. 채용담당자나 잠재 의뢰인에게
+예쁜 생성물 격자는 잘해야 무의미하고, 나쁘면 "AI 슬롭을 포트폴리오에 올린 사람"으로
+읽힌다. **그림은 증거가 아니다.**
+
+증거가 되는 것은 **공장**이다. 구체적으로 세 가지다.
+
+1. **로컬에서 돈다.** krea2, Hunyuan3D 2.1, ComfyUI, GPT-SoVITS는 API 호출이 아니라
+   본인 RTX 4080에서 도는 자체 호스팅 모델이다. Midjourney 구독과 다른 층위다.
+2. **파이프라인이 있다.** 생성 → 기계 게이트 → 에이전트가 썸네일을 직접 보고 판정 →
+   판정이 DB로. 사람이 눈으로 고르는 게 아니라 기계가 밟는다.
+3. **계보가 있다.** 3D 자산이 *이 이미지에서* 나왔다는 사실이 DB에 있다.
+
+따라서 이 페이지의 주인공은 **결과물이 아니라 결과물에 붙은 기계의 기록**이다.
+그림은 기록을 걸기 위한 못이다.
+
+## 페이지 구조
+
+```
+1. 헤드      한 줄 정의 + 배지(5모달리티 · 로컬 GPU 1대 · 320+ 테스트)
+2. 관통      한 대상을 이미지 → 3D → 영상으로 통과시킨 3홉, 각 홉에 기계 기록
+3. 작동 방식 생성 → 게이트 → 검수 → 판정, 네 단계
+4. 안에 든 것 커널·MCP 서버·갤러리·지문·테스트
+5. 나가는 길  /projects/studios · /hire
+```
+
+### 2. 관통(the walk) — 이 페이지의 전부
+
+**한 대상을 골라 세 모달리티를 통과시키고, 각 홉에 그 공장이 실제로 기록한 값을
+붙인다.** 격자 대신 이것 하나다.
+
+대상은 **황동 칼라와 산성 녹색 잉크 패드가 달린 공업용 검수 스탬프**다. 고른 이유가
+두 가지 있다.
+
+- 이 공장의 실제 동작이 **판정(approved / rejected)** 이다. 스탬프는 그 은유를 물건으로
+  만든 것이라 페이지의 주장과 소재가 같은 말을 한다.
+- 단일 오브젝트 · 하드서피스 · 명확한 실루엣이라 Hunyuan3D 소스로 적합하다
+  (3/4 상부뷰 · 흰 배경 · 균일한 조명 권장을 그대로 만족한다).
+
+각 홉 카드에 들어가는 값은 **전부 실제 생성 기록에서 온다. 지어내지 않는다.**
+
+| 홉 | 보여줄 것 | 붙일 기록 |
+|---|---|---|
+| 1. 이미지 | 최종 이미지 | 모델 `krea2` · seed · 게이트 통과(해상도 · stddev) · 검수 판정과 사유 |
+| 2. 3D | GLB(클릭 시 인터랙티브) | 모델 `Hunyuan3D 2.1` · 소스 = 홉 1의 이미지 · faces / verts / bbox · 파일 크기 |
+| 3. 영상 | 짧은 무음 루프 | 모델 · 초 · 소스 = 홉 1의 이미지 |
+
+홉 1에서 **후보 4장 중 2장을 반려한 사실과 그 사유를 그대로 싣는다.** 반려 기록이
+있어야 판정이 장식이 아니라 실제로 작동한다는 게 보인다. 성공만 늘어놓은 파이프라인은
+파이프라인이 아니라 갤러리다.
+
+### 정직성 — 타협하지 않는 세 가지
+
+1. **모든 자산에 생성물임을 표시한다.** 제품 UI는 오직 실제 스크린샷으로만 보여준다는
+   기존 규칙(`Project.screenshot` 타입 주석에 박혀 있다)이 여기에도 적용된다. 생성 이미지를
+   `studios`의 `screenshot`에 넣지 않는다. 생성 아트를 **생성 아트로** 보여주는 것은
+   정직하고, 제품 UI인 척하는 순간 Critical 결함이다.
+2. **5모달리티 중 3개만 보여줄 수 있다.** 음성·음악 스튜디오는 이 세션에 붙어 있지
+   않고, 애초에 지면에 담을 형식도 아니다. 페이지는 **"세 축을 보여준다"고 명시한다.**
+   5개를 다 증명한 것처럼 쓰지 않는다.
+3. **숫자는 실측만.** `320+ 테스트`처럼 `projects.json`에 이미 있는 값만 쓴다. 게이트
+   수치·폴리곤 수·파일 크기는 실제 생성 응답에서 옮긴다.
+
+### 3. 작동 방식
+
+`projects.json`의 설명을 네 단계로 편다. 새 사실을 추가하지 않는다.
+
+1. **생성** — Claude가 MCP 툴을 직접 호출한다. 프롬프트를 사람이 붙여넣는 게 아니다.
+2. **기계 게이트** — 해상도·분산 같은 값으로 명백한 실패를 먼저 떨어뜨린다.
+3. **검수** — 응답에 썸네일이 이미지 블록으로 붙어 오고, 에이전트가 **그것을 직접 보고**
+   프롬프트 부합과 아티팩트를 판정한다.
+4. **판정 기록** — `approved`/`rejected`와 사유가 SQLite로 들어가고 갤러리에 배지로 뜬다.
+   에이전트의 판단이 라이브러리로 흘러 남는다.
+
+## 기술 설계
+
+### 라우트
+
+`src/app/[locale]/studio/page.tsx`. `/hire`·`/about`과 같은 골격 —
+`generateMetadata` + `setRequestLocale` + `PageTransition`, `revalidate = 3600`.
+
+경로는 `/studio`(단수)다. 프로젝트 슬러그는 `studios`(모노레포)지만, 페이지는 목록이
+아니라 장소다.
+
+### 내비게이션 — 넣지 않는다
+
+현재 7개이고, 8월 6일에 영어 라벨이 768~887px에서 줄바꿈해서 브레이크포인트를 `lg`로
+올린 참이다. **8번째를 넣으면 그 수정을 되돌리는 셈이다.** 대신 세 곳에서 들어온다.
+
+- 홈(`LedgerHome`) — "지금 만들고 있는 것" 자리
+- `/projects/studios` 상세 페이지
+- 사이트맵 (priority 0.7)
+
+### 3D 표시 — 클릭 후 로드
+
+`three` / `@react-three/fiber` / `@react-three/drei`가 이미 의존성에 있다(`/play`가 쓴다).
+**하지만 `/studio`가 그 번들을 자동으로 끌면 안 된다.** Pretendard LCP를 잡아 96~98까지
+올려둔 성적을, 공유용으로 만드는 페이지에서 되돌릴 수는 없다.
+
+- 기본 상태: 정적 포스터 이미지 + "3D로 보기" 버튼
+- 클릭 시에만 `next/dynamic`으로 뷰어와 GLB를 가져온다
+- 즉 **누르기 전까지 비용 0**
+
+인터랙티브 모델을 놓는 이유: 정적 렌더는 "그림이 있다"고 말하고, 돌려볼 수 있는
+모델은 "자산이 있다"고 말한다. `이걸로 뭘 할 수 있는가`에 답하는 것은 후자다.
+
+### 영상
+
+라이브러리 원본은 20초 세로 25~76MB라 웹에 못 올린다. **ffmpeg로 3~5초 · 무음 ·
+강압축**해서 `public/`에 커밋한다. 목표 1.5MB 미만.
+
+- `<video muted loop playsinline poster>` — 자동재생하되 소리 없음
+- `prefers-reduced-motion: reduce`에서는 포스터만 (기존 사이트 관행을 따른다)
+
+### 자산 취급 — 지켜야 할 경계
+
+**포트폴리오는 스튜디오 라이브러리를 절대 프로그램적으로 읽지 않는다.** 최신 N개 피드,
+경로 임포트, 썸네일 프록시, 저장소 안의 `list_*` 호출 전부 금지다. 라이브러리에는
+비공개 작업이 들어 있고, "저를 채용하세요"라고 적힌 페이지에서 자동으로 그것이 나가면
+되돌릴 수 없다.
+
+**이 페이지에 뜨는 모든 파일은 손으로 골라 `public/`에 커밋한 정적 파일이다.**
+이번에 쓰는 자산은 이 페이지를 위해 새로 생성한 것이라 출처 문제도 없다.
+
+참고로 `gallery.writingdeveloper.blog`는 401로 잠겨 있음을 확인했다. 공개 노출은 없다.
+그래도 이 페이지에서 **링크하지 않는다** — 잠겨 있다는 것과 가리켜도 된다는 것은 다르다.
+
+### i18n
+
+`messages/{ko,en}.json`에 `studio` 네임스페이스 신설. 컴포넌트에 문자열을 박지 않는다.
+한국어 본문에는 em 대시를 쓰지 않는다(사이트 관행).
+
+### 사이트맵
+
+`src/app/sitemap.ts`의 `staticPages`에 `'/studio'` 추가, priority `0.7`.
+
+### `studios` 항목은 어떻게 되는가
+
+`screenshot`을 채우지 않는다(생성물이라 규칙 위반이다). 대신 `/studio`가 생기고 나면
+`/projects/studios`에서 그리로 나가는 링크를 놓는다. 상세 페이지가 사이트맵에 들어갈지는
+**이 작업의 범위가 아니다** — `hasIndexablePage`를 건드리는 것은 별개 판단이고, 그
+필터는 지금 옳게 동작하고 있다. 필요하면 `studios` 심층 글을 써서 `hasRelatedPost`로
+정당하게 통과시키는 편이 옳다.
+
+### 테스트
+
+- `studio` 네임스페이스가 ko/en 양쪽에 같은 키 집합으로 존재한다
+- 사이트맵에 `/studio`와 `/en/studio`가 올라간다
+- 홉 카드의 메타데이터가 하드코딩 문자열이 아니라 한 곳에서 온다(상수 모듈)
+- 3D 뷰어가 초기 번들에 포함되지 않는다(동적 임포트 경계 확인)
+
+## 범위 밖
+
+- `hasIndexablePage` 수정, `studios`의 `screenshot` 채우기
+- 내비게이션에 8번째 항목 추가
+- 음성·음악 모달리티 시연
+- 갤러리 서브도메인 링크
+- 스튜디오 라이브러리 기존 자산 큐레이션 (새로 생성하기로 결정됨)
+
+## 실제로 나간 것 — 위 설계와 다른 부분
+
+이 문서를 쓴 뒤에 막힌 것이 있어 범위가 줄었다. 나중에 이어 붙일 사람을 위해
+줄어든 이유를 남긴다.
+
+**막힌 것: 3D와 영상 자산을 이 머신으로 가져올 수 없다.**
+
+스튜디오 MCP 서버는 개발 머신 두 대 가운데 **노트북에서 돈다.** 응답이 돌려주는
+`path`는 그쪽 머신의 절대 경로이고, 이 데스크톱에는 그 파일이 없다. 네트워크 공유도
+매핑돼 있지 않다. MCP가 이쪽으로 실제로 건네주는 것은 **응답에 첨부되는 썸네일 이미지
+블록뿐**이다. 즉 GLB도 MP4도 저장소에 커밋할 방법이 없다.
+
+여기에 더해 `generate_3d`와 `generate_video` 모두 **1800초 무응답 클라이언트
+타임아웃**에 걸렸다(생성 자체는 노트북에서 계속 돌았을 수 있다). 속도 우선 설정으로
+건 재시도도 같은 벽에 부딪혔다.
+
+**그래서 바꾼 것.**
+
+- 관통 3홉을 **1홉으로 줄였다.** 대신 그 한 홉의 기록을 전부 싣고, **반려 2건**을
+  사유와 함께 나란히 놓아 판정이 실제로 작동한다는 것을 보이는 쪽으로 무게를 옮겼다.
+- 섹션 제목을 `한 대상, 세 모달리티`에서 **`한 번의 요청, 그리고 남은 기록`**으로
+  바꿨다. 1홉짜리를 관통이라고 부르면 그건 거짓말이다.
+- `shownNote`가 **다섯 축 가운데 한 축**을 보여준다고 명시한다.
+- **인터랙티브 3D 뷰어(`ModelStage`/`ModelViewer`)를 만들었다가 지웠다.** GLB를
+  가져올 수 없으므로 렌더할 것이 없고, 참조되지 않는 컴포넌트를 저장소에 남기는 것은
+  기능이 아니라 부채다. 클릭 후 동적 로드 구조 자체는 유효하니, 나중에 GLB가 생기면
+  같은 방식으로 다시 만들면 된다.
+- 대신 **`이미 일하고 있습니다` 섹션을 넣었다.** 이 블로그의 커버 8장이 같은
+  image-studio에서 같은 `krea2` 모델로 나왔고 같은 `verify_asset` 판정을 거쳤다
+  (근거: `docs/media/hero-generation-report.md`, 게이트: `src/lib/hero-palette.ts`).
+  시연용 쇼릴보다 강하다. 이 공장에는 이미 맡은 일이 있고, 읽는 사람은 그 산출물을
+  이미 보고 있었다.
+
+**이어서 하려면.** 노트북 세션에서 `generate_3d`·`generate_video`를 돌리고
+(필요하면 `CLAUDE_CODE_MCP_TOOL_IDLE_TIMEOUT`을 올린다), 결과 파일을 손으로
+`public/`에 넣은 뒤 `WALK_HOPS`에 홉을 추가하면 된다. 홉 추가는 데이터 편집이고,
+`studio-walk.test.ts`가 라벨 누락과 파일 부재를 둘 다 잡는다.
+
+## 완료 기준
+
+1. `/studio`와 `/en/studio`가 렌더되고 hreflang이 서로를 가리킨다 — **확인**
+2. 모든 홉이 실제 생성 기록의 값을 표시한다 (지어낸 숫자 0) — **확인**
+   (`krea2` · `2d2e9dc0` · seed `601255332` · `passed · stddev 69.525` · `approved`)
+3. 반려 2건이 사유와 함께 보인다 — **확인**
+4. three.js가 이 페이지 페이로드에 들어가지 않는다 — **확인** (렌더된 HTML에서 부재)
+5. 페이지가 다섯 축 가운데 몇 개를 보여주는지 명시한다 — **확인**
+6. 저장소 어디에도 라이브러리 경로·`list_*` 호출이 없다 — **확인**
+7. 타입체크 · 린트 · 테스트(167) · 프로덕션 빌드 통과 — **확인**
+8. 좁은 뷰포트 육안 검증 — **못 함.** 브라우저 창 리사이즈가 뷰포트에 반영되지 않아
+   데스크톱만 봤다. 그리드는 `/hire`와 같은 `sm:` 브레이크포인트를 쓴다.
+
+영상 관련 기준(1.5MB·`prefers-reduced-motion`)은 영상이 빠지면서 함께 빠졌다.
diff --git a/messages/en.json b/messages/en.json
index b18b70a..5ac976c 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -64,6 +64,7 @@
     "metaTitle": "{count} Projects — Web, Games, Dev Tools",
     "metaDescription": "{count} projects built solo by Si Hyeong Lee — SaaS, developer tools, games and AI experiments, each with a live demo or store link.",
     "viewProject": "View Project",
+    "viewShowcase": "See the work",
     "viewCode": "View Code",
     "googlePlay": "Google Play",
     "getItOn": "GET IT ON",
@@ -148,6 +149,78 @@
     "stack": "Tech Stack",
     "contactHeading": "Get in touch"
   },
+  "studio": {
+    "title": "The Studio",
+    "description": "A personal generation factory for image, 3D, video, voice and music, running on one laptop. Claude calls the MCP tools itself, a machine gate screens the output, and an agent looks at the thumbnail and rules on it.",
+    "metaTitle": "The Studio — a five-modality generation factory on local GPU",
+    "metaDescription": "A personal generation factory for image, 3D, video, voice and music on a single RTX 4080. One generation run, with the machine's own record — gate metrics, seeds, and approve/reject verdicts — published exactly as it was written.",
+    "badgeModalities": "5 modalities",
+    "badgeLocal": "One RTX 4080 · runs locally",
+    "badgeTests": "320+ tests",
+    "shownNote": "This page opens up one of the five axes: image. The others run on the same kernel, through the same gate and the same review.",
+    "generatedNote": "Every image below was generated by this studio. None of it is product UI.",
+    "walk": {
+      "heading": "One request, and the record it left",
+      "intro": "Instead of a grid of outputs, here is one real job laid open. I asked for an image to use on this page; the factory produced four candidates, approved two and rejected two. Every value below is what the machine wrote down at the time.",
+      "why": "The subject is a stamp for a reason. What this factory does all day is rule on things — approved or rejected — so the subject and the argument say the same thing."
+    },
+    "hops": {
+      "image": {
+        "heading": "The one it kept",
+        "body": "It starts with one sentence. A local krea2 produces the candidates and a machine gate checks resolution and pixel variance before anything reaches a reviewer. The image below is the exact thumbnail the agent was handed when it ruled.",
+        "alt": "An industrial inspection stamp with a brass collar and an acid-green ink pad. An image generated by this studio."
+      }
+    },
+    "record": {
+      "model": "Model",
+      "assetId": "Asset ID",
+      "seed": "Seed",
+      "gate": "Machine gate",
+      "verdict": "Review verdict",
+      "resolution": "Resolution"
+    },
+    "rejects": {
+      "heading": "What got rejected",
+      "body": "A pipeline that only shows its successes is a gallery, not a pipeline. Two of the four candidates in this batch were rejected, and the reasons are still on them in the library.",
+      "verdictBadge": "Rejected",
+      "r1": "Near-frontal rather than three-quarter, so it is a poor 3D source. The background also carries ghosted letterform artifacts that would fight background removal.",
+      "r1Alt": "A rejected candidate: the inspection stamp seen almost head-on.",
+      "r2": "A frontal view on a round base, so the top face is barely visible — the least usable geometry of the four.",
+      "r2Alt": "A rejected candidate: the inspection stamp on a round base, seen from the front."
+    },
+    "inUse": {
+      "heading": "It already has a job",
+      "body": "This isn't a demo rig. The cover images on the blog you're reading come out of it too."
+    },
+    "how": {
+      "heading": "How it runs",
+      "step1": {
+        "heading": "Generate",
+        "body": "Claude calls the MCP tools directly. Nobody is pasting prompts into a web UI."
+      },
+      "step2": {
+        "heading": "Machine gate",
+        "body": "Resolution, pixel variance and similar measures drop the obvious failures first. What doesn't need a human never reaches one."
+      },
+      "step3": {
+        "heading": "Review",
+        "body": "The response carries the thumbnail back as an image. The agent looks at it and rules on prompt adherence and artifacts."
+      },
+      "step4": {
+        "heading": "Record the verdict",
+        "body": "Approved or rejected, with the reason, goes into SQLite. The agent's judgment stays in the library and becomes material for the next job."
+      }
+    },
+    "inside": {
+      "heading": "What's inside",
+      "body": "One shared kernel with a per-modality MCP server on top of it. GPU arbitration, a SQLite asset store, thumbnails and a common server skeleton live in the kernel, and several repositories were folded into a single monorepo through history-preserving subtree merges. Development runs across two machines, so machine-specific values are isolated into profiles and a six-layer fingerprint — code, Python, ComfyUI, models, runtime, machine — lets a machine answer whether the two are actually in the same state."
+    },
+    "links": {
+      "heading": "More",
+      "project": "See it in the ledger",
+      "hire": "Work with me"
+    }
+  },
   "accessibility": {
     "toggleMenu": "Toggle menu",
     "toggleTheme": "Toggle theme",
diff --git a/messages/ko.json b/messages/ko.json
index ecdd2a0..34cb7c5 100644
--- a/messages/ko.json
+++ b/messages/ko.json
@@ -64,6 +64,7 @@
     "metaTitle": "프로젝트 {count}개 · 웹·앱·게임·개발자 도구",
     "metaDescription": "이시형이 직접 만든 프로젝트 {count}개. SaaS와 개발자 도구, 게임, AI 실험까지 라이브 데모·스토어 링크와 함께 정리했습니다.",
     "viewProject": "프로젝트 보기",
+    "viewShowcase": "결과물 보기",
     "viewCode": "코드 보기",
     "googlePlay": "Google Play",
     "getItOn": "다운로드하기",
@@ -148,6 +149,78 @@
     "stack": "기술 스택",
     "contactHeading": "연락"
   },
+  "studio": {
+    "title": "스튜디오",
+    "description": "이미지, 3D, 영상, 음성, 음악을 노트북 한 대에서 만드는 개인 생성 공장입니다. Claude가 MCP 툴을 직접 호출하고, 기계가 게이트를 걸고, 에이전트가 썸네일을 보고 판정합니다.",
+    "metaTitle": "스튜디오 · 로컬 GPU에서 도는 5모달리티 생성 공장",
+    "metaDescription": "이미지, 3D, 영상, 음성, 음악을 RTX 4080 한 대에서 만드는 개인 생성 공장. 생성 한 번에 기계가 남긴 게이트 수치와 승인·반려 판정을 그대로 공개합니다.",
+    "badgeModalities": "5모달리티",
+    "badgeLocal": "RTX 4080 한 대 · 로컬 실행",
+    "badgeTests": "테스트 320+",
+    "shownNote": "이 페이지가 펼쳐 보이는 것은 다섯 축 가운데 이미지 한 축입니다. 나머지 축도 같은 커널 위에서 같은 게이트와 같은 판정 절차를 지납니다.",
+    "generatedNote": "아래 이미지는 전부 이 스튜디오가 생성한 것입니다. 제품 화면이 아닙니다.",
+    "walk": {
+      "heading": "한 번의 요청, 그리고 남은 기록",
+      "intro": "생성물을 격자로 늘어놓는 대신 실제 작업 하나를 그대로 펼쳤습니다. 이 페이지에 쓸 이미지를 요청했고, 공장은 후보 네 장을 만들어 두 장을 승인하고 두 장을 반려했습니다. 아래 값은 전부 그때 기계가 남긴 기록입니다.",
+      "why": "소재를 검수 스탬프로 고른 이유가 있습니다. 이 공장이 하루 종일 하는 일이 승인과 반려 판정이라, 스탬프는 그 동작을 물건으로 만든 것입니다."
+    },
+    "hops": {
+      "image": {
+        "heading": "채택된 것",
+        "body": "문장 하나에서 시작합니다. 로컬 krea2가 후보를 만들고, 기계 게이트가 해상도와 화소 분산을 먼저 확인합니다. 아래 이미지는 에이전트가 판정할 때 실제로 본 그 썸네일입니다.",
+        "alt": "황동 칼라와 산성 녹색 잉크 패드가 달린 공업용 검수 스탬프. 이 스튜디오가 생성한 이미지입니다."
+      }
+    },
+    "record": {
+      "model": "모델",
+      "assetId": "자산 ID",
+      "seed": "시드",
+      "gate": "기계 게이트",
+      "verdict": "검수 판정",
+      "resolution": "해상도"
+    },
+    "rejects": {
+      "heading": "반려된 것들",
+      "body": "성공만 늘어놓으면 파이프라인이 아니라 갤러리입니다. 같은 배치에서 두 장은 반려됐고, 사유가 그대로 라이브러리에 남아 있습니다.",
+      "verdictBadge": "반려",
+      "r1": "정면에 가까워 3/4 뷰가 아닙니다. 3D 소스로 부적합하고, 배경에 글자 형태의 잔상이 남아 있어 배경 제거와 충돌합니다.",
+      "r1Alt": "반려된 후보. 거의 정면에서 본 검수 스탬프.",
+      "r2": "정면 뷰에 원형 받침이라 윗면이 거의 보이지 않습니다. 네 장 가운데 형상 정보가 가장 적습니다.",
+      "r2Alt": "반려된 후보. 원형 받침이 달린 검수 스탬프를 정면에서 본 모습."
+    },
+    "inUse": {
+      "heading": "이미 일하고 있습니다",
+      "body": "이 공장은 시연용이 아닙니다. 지금 보고 계신 블로그의 커버 이미지도 여기서 나옵니다."
+    },
+    "how": {
+      "heading": "어떻게 도는가",
+      "step1": {
+        "heading": "생성",
+        "body": "Claude가 MCP 툴을 직접 호출합니다. 사람이 웹 UI에 프롬프트를 붙여넣는 방식이 아닙니다."
+      },
+      "step2": {
+        "heading": "기계 게이트",
+        "body": "해상도와 화소 분산 같은 값으로 명백한 실패를 먼저 떨어뜨립니다. 사람이 볼 필요가 없는 것은 사람에게 오지 않습니다."
+      },
+      "step3": {
+        "heading": "검수",
+        "body": "응답에 썸네일이 이미지로 붙어 옵니다. 에이전트가 그것을 직접 보고 프롬프트 부합과 아티팩트를 판정합니다."
+      },
+      "step4": {
+        "heading": "판정 기록",
+        "body": "승인과 반려, 그리고 사유가 SQLite로 들어갑니다. 에이전트의 판단이 라이브러리에 남아 다음 작업의 재료가 됩니다."
+      }
+    },
+    "inside": {
+      "heading": "안에 든 것",
+      "body": "공유 커널 하나에 모달리티별 MCP 서버가 붙습니다. GPU 중재, SQLite 자산 스토어, 썸네일, 서버 공통 골격이 커널에 있고, 히스토리를 보존한 subtree 병합으로 여러 저장소를 단일 모노레포로 합쳤습니다. 두 대의 머신에서 개발하면서 머신마다 달라지는 값은 프로파일로 분리했고, 코드와 파이썬, ComfyUI, 모델, 런타임, 머신 여섯 층을 지문으로 비교해 지금 두 머신이 같은 상태인지에 기계가 답합니다."
+    },
+    "links": {
+      "heading": "더 보기",
+      "project": "프로젝트 원장에서 보기",
+      "hire": "함께 일하기"
+    }
+  },
   "accessibility": {
     "toggleMenu": "메뉴 열기/닫기",
     "toggleTheme": "테마 변경",
diff --git a/public/images/studio/stamp-rejected-1.webp b/public/images/studio/stamp-rejected-1.webp
new file mode 100644
index 0000000..e6f2926
Binary files /dev/null and b/public/images/studio/stamp-rejected-1.webp differ
diff --git a/public/images/studio/stamp-rejected-2.webp b/public/images/studio/stamp-rejected-2.webp
new file mode 100644
index 0000000..4d90a3b
Binary files /dev/null and b/public/images/studio/stamp-rejected-2.webp differ
diff --git a/public/images/studio/stamp-source.webp b/public/images/studio/stamp-source.webp
new file mode 100644
index 0000000..7dc10c4
Binary files /dev/null and b/public/images/studio/stamp-source.webp differ
diff --git a/src/app/[locale]/projects/[slug]/page.tsx b/src/app/[locale]/projects/[slug]/page.tsx
index cebca03..2de3b90 100644
--- a/src/app/[locale]/projects/[slug]/page.tsx
+++ b/src/app/[locale]/projects/[slug]/page.tsx
@@ -1,13 +1,13 @@
 import type { Metadata } from 'next'
 import Image from 'next/image'
 import { notFound } from 'next/navigation'
-import { ArrowLeft, BookOpen, ExternalLink, Github, Lock } from 'lucide-react'
+import { ArrowLeft, BookOpen, ExternalLink, Github, Lock, Sparkles } from 'lucide-react'
 import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { routing } from '@/i18n/routing'
 import projectsData from '../../../../../content/projects.json'
 import type { Project } from '@/types/content'
 import { SITE_URL } from '@/lib/constants'
-import { APP_CATEGORY } from '@/lib/projects'
+import { APP_CATEGORY, PROJECT_SHOWCASE } from '@/lib/projects'
 import { predecessorOf } from '@/lib/lineage'
 import { getAllPosts } from '@/lib/mdx'
 import { buildProjectPostMap } from '@/lib/post-project-links'
@@ -214,6 +214,16 @@ export default async function ProjectDetailPage({
         )}
 
         <div className="flex flex-wrap items-center gap-4 mb-8">
+          {/* Sits first: for a private project with no website this is the
+              only place on the page that goes anywhere at all. */}
+          {PROJECT_SHOWCASE[project.slug] && (
+            <a
+              href={`${localePath}${PROJECT_SHOWCASE[project.slug]}`}
+              className="inline-flex items-center gap-1.5 text-sm text-[var(--accent-text)] hover:text-[var(--accent-text-hover)] transition-colors"
+            >
+              <Sparkles size={15} /> {t('viewShowcase')}
+            </a>
+          )}
           {project.website && (
             <a href={project.website} target="_blank" rel="noopener noreferrer"
               className="inline-flex items-center gap-1.5 text-sm text-[var(--text-secondary)] hover:text-[var(--text-emphasis)] transition-colors">
diff --git a/src/app/[locale]/studio/page.tsx b/src/app/[locale]/studio/page.tsx
new file mode 100644
index 0000000..151d81d
--- /dev/null
+++ b/src/app/[locale]/studio/page.tsx
@@ -0,0 +1,313 @@
+import Image from 'next/image'
+import Link from 'next/link'
+import { useTranslations, useLocale } from 'next-intl'
+import { setRequestLocale, getTranslations } from 'next-intl/server'
+import type { Metadata } from 'next'
+import { PageTransition } from '@/components/ui/PageTransition'
+import { SITE_URL } from '@/lib/constants'
+import { getAllPosts } from '@/lib/mdx'
+import { generateBreadcrumbJsonLd, safeJsonLd } from '@/lib/seo'
+import { WALK_HOPS, WALK_REJECTS } from '@/lib/studio-walk'
+import projectsData from '../../../../content/projects.json'
+import type { Project } from '@/types/content'
+
+// Same cadence as /hire and /about: the copy is static, and the only moving
+// part is the blog cover list, which changes when a post ships.
+export const revalidate = 3600
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string }>
+}): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'studio' })
+  const localePath = locale === 'ko' ? '' : `/${locale}`
+  const pageUrl = `${SITE_URL}${localePath}/studio`
+
+  return {
+    title: t('metaTitle'),
+    description: t('metaDescription'),
+    openGraph: {
+      url: pageUrl,
+      title: t('metaTitle'),
+      description: t('metaDescription'),
+      locale: locale === 'ko' ? 'ko_KR' : 'en_US',
+      alternateLocale: locale === 'ko' ? ['en_US'] : ['ko_KR'],
+      type: 'article',
+      images: [
+        {
+          url: `${SITE_URL}/api/og?title=${encodeURIComponent(t('title'))}&description=${encodeURIComponent(t('description'))}`,
+          width: 1200,
+          height: 630,
+          alt: t('title'),
+        },
+      ],
+    },
+    alternates: {
+      canonical: pageUrl,
+      languages: {
+        ko: `${SITE_URL}/studio`,
+        en: `${SITE_URL}/en/studio`,
+        'x-default': `${SITE_URL}/studio`,
+      },
+    },
+  }
+}
+
+export default async function StudioPage({
+  params,
+}: {
+  params: Promise<{ locale: string }>
+}) {
+  const { locale } = await params
+  setRequestLocale(locale)
+  return <StudioContent />
+}
+
+/** One row of the machine's record, rendered as a definition pair. */
+function RecordRow({ label, value }: { label: string; value: string }) {
+  return (
+    <div className="flex items-baseline justify-between gap-4 border-b border-[var(--border-subtle)] py-2 last:border-b-0">
+      <dt className="ledger-mono text-[10px] uppercase tracking-[0.2em] text-[var(--text-muted)]">
+        {label}
+      </dt>
+      <dd className="ledger-mono text-right text-xs text-[var(--text-secondary)]">{value}</dd>
+    </div>
+  )
+}
+
+function StudioContent() {
+  const t = useTranslations('studio')
+  const locale = useLocale()
+
+  // The blog covers are the factory's standing job, and the section says so —
+  // a claim about where they came from, so it needs a source. They were made
+  // by the same image-studio server with the same krea2 model and ruled on
+  // through the same verify_asset call: see docs/media/hero-generation-report.md
+  // and the machine gate those files had to pass in src/lib/hero-palette.ts.
+  //
+  // Read from the posts rather than listed by hand so the section cannot drift
+  // out of date — and, more to the point, so nothing here ever reaches into
+  // the studio library.
+  const covers = getAllPosts(locale)
+    .filter((post) => post.coverImage)
+    .slice(0, 8)
+
+  const breadcrumbJsonLd = generateBreadcrumbJsonLd([
+    { name: locale === 'ko' ? '홈' : 'Home', url: `${SITE_URL}${locale === 'ko' ? '' : '/en'}` },
+    { name: t('title'), url: `${SITE_URL}${locale === 'ko' ? '' : '/en'}/studio` },
+  ])
+
+  // The chip row is the ledger's own techStack for `studios`, not a second
+  // hand-kept list. Two places naming the same stack is two places to disagree.
+  const studios = (projectsData.projects as Project[]).find((p) => p.slug === 'studios')
+
+  const badges = [t('badgeModalities'), t('badgeLocal'), t('badgeTests')]
+  const steps = ['step1', 'step2', 'step3', 'step4'] as const
+  const projectsHref = locale === 'ko' ? '/projects/studios' : `/${locale}/projects/studios`
+  const hireHref = locale === 'ko' ? '/hire' : `/${locale}/hire`
+
+  return (
+    <PageTransition>
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: safeJsonLd(breadcrumbJsonLd) }}
+      />
+
+      <div className="max-w-4xl mx-auto">
+        <header className="mb-10">
+          <h1 className="ledger-display text-3xl sm:text-4xl font-extrabold tracking-tight mb-3">
+            {t('title')}
+          </h1>
+          <p className="text-lg text-[var(--text-secondary)]">{t('description')}</p>
+          <div className="mt-5 flex flex-wrap gap-2">
+            {badges.map((badge) => (
+              <span
+                key={badge}
+                className="ledger-mono text-[11px] tracking-[0.15em] px-3 py-1.5 rounded-full bg-[var(--bg-elevated)] text-[var(--accent-text)] border border-[var(--border-hover)]"
+              >
+                {badge}
+              </span>
+            ))}
+          </div>
+        </header>
+
+        {/* Two disclosures, both load-bearing. The first stops the page from
+            implying five modalities were demonstrated when three were; the
+            second keeps generated art from being mistaken for product UI,
+            which is the one thing this site never does. */}
+        <div className="mb-14 space-y-2 rounded-lg border border-[var(--border-default)] bg-[var(--bg-elevated)] p-4">
+          <p className="text-sm text-[var(--text-secondary)]">{t('shownNote')}</p>
+          <p className="text-sm text-[var(--text-secondary)]">{t('generatedNote')}</p>
+        </div>
+
+        {/* The walk. One subject through the factory, each hop carrying the
+            record the machine wrote — not a grid of pretty outputs, which
+            would prove nothing that a subscription cannot buy. */}
+        <section className="mb-16">
+          <h2 className="ledger-display text-2xl font-bold mb-3">{t('walk.heading')}</h2>
+          <p className="text-[var(--text-secondary)] mb-2">{t('walk.intro')}</p>
+          <p className="text-sm text-[var(--text-muted)] mb-8">{t('walk.why')}</p>
+
+          <div className="space-y-10">
+            {WALK_HOPS.map((hop) => (
+              <article
+                key={hop.key}
+                className="grid gap-6 sm:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] sm:items-start"
+              >
+                <div className="overflow-hidden rounded-lg border border-[var(--border-default)] bg-[var(--bg-elevated)]">
+                  {/* The page's largest image and the first one a reader
+                      scrolls to, so it is the LCP candidate here. Left lazy it
+                      arrives after the fold has already been read past. */}
+                  <Image
+                    src={hop.src}
+                    alt={t(`hops.${hop.key}.alt`)}
+                    width={hop.width}
+                    height={hop.height}
+                    priority
+                    sizes="(max-width: 640px) 100vw, 420px"
+                    className="h-full w-full object-cover"
+                  />
+                </div>
+                <div>
+                  <h3 className="ledger-display text-lg font-bold mb-2">
+                    {t(`hops.${hop.key}.heading`)}
+                  </h3>
+                  <p className="text-sm text-[var(--text-secondary)] mb-4">
+                    {t(`hops.${hop.key}.body`)}
+                  </p>
+                  <dl>
+                    {hop.record.map((row) => (
+                      <RecordRow key={row.key} label={t(`record.${row.key}`)} value={row.value} />
+                    ))}
+                  </dl>
+                </div>
+              </article>
+            ))}
+          </div>
+        </section>
+
+        {/* Rejects. A pipeline that only publishes its hits is a gallery. */}
+        <section className="mb-16">
+          <h2 className="ledger-display text-2xl font-bold mb-3">{t('rejects.heading')}</h2>
+          <p className="text-[var(--text-secondary)] mb-6">{t('rejects.body')}</p>
+          <div className="grid gap-6 sm:grid-cols-2">
+            {WALK_REJECTS.map((reject) => (
+              <figure key={reject.src} className="overflow-hidden rounded-lg border border-[var(--border-default)]">
+                <div className="relative">
+                  <Image
+                    src={reject.src}
+                    alt={t(`rejects.${reject.noteKey}Alt`)}
+                    width={reject.width}
+                    height={reject.height}
+                    sizes="(max-width: 640px) 100vw, 320px"
+                    className="w-full opacity-60"
+                  />
+                  <span className="ledger-mono absolute left-3 top-3 rounded-full border border-[var(--border-hover)] bg-[var(--bg-primary)] px-2.5 py-1 text-[10px] tracking-[0.2em] text-[var(--text-muted)]">
+                    {t('rejects.verdictBadge')}
+                  </span>
+                </div>
+                <figcaption className="bg-[var(--bg-elevated)] p-4">
+                  <span className="ledger-mono block text-[10px] uppercase tracking-[0.2em] text-[var(--text-muted)]">
+                    {t('record.seed')} {reject.seed}
+                  </span>
+                  <p className="mt-1.5 text-sm text-[var(--text-secondary)]">
+                    {t(`rejects.${reject.noteKey}`)}
+                  </p>
+                </figcaption>
+              </figure>
+            ))}
+          </div>
+        </section>
+
+        <section className="mb-16">
+          <h2 className="ledger-display text-2xl font-bold mb-6">{t('how.heading')}</h2>
+          <ol className="grid gap-px overflow-hidden rounded-lg bg-[var(--border-default)] sm:grid-cols-2">
+            {steps.map((step, i) => (
+              <li key={step} className="bg-[var(--bg-elevated)] p-5">
+                <span className="ledger-mono text-[10px] tracking-[0.25em] text-[var(--accent-text)]">
+                  {String(i + 1).padStart(2, '0')}
+                </span>
+                <h3 className="ledger-display mt-1 text-base font-bold">{t(`how.${step}.heading`)}</h3>
+                <p className="mt-1.5 text-sm text-[var(--text-secondary)]">{t(`how.${step}.body`)}</p>
+              </li>
+            ))}
+          </ol>
+        </section>
+
+        {/* The factory has a standing job, and the reader is looking at its
+            output already. Stronger than any showreel. */}
+        {covers.length > 0 && (
+          <section className="mb-16">
+            <h2 className="ledger-display text-2xl font-bold mb-3">{t('inUse.heading')}</h2>
+            <p className="text-[var(--text-secondary)] mb-6">{t('inUse.body')}</p>
+            <ul className="grid grid-cols-2 gap-4 sm:grid-cols-4">
+              {covers.map((post) => (
+                <li key={post.slug}>
+                  <Link
+                    href={locale === 'ko' ? `/blog/${post.slug}` : `/${locale}/blog/${post.slug}`}
+                    className="group block"
+                  >
+                    <div className="overflow-hidden rounded-lg border border-[var(--border-default)] transition-colors group-hover:border-[var(--border-hover)]">
+                      <Image
+                        src={post.coverImage!}
+                        alt=""
+                        width={320}
+                        height={200}
+                        sizes="(max-width: 640px) 50vw, 200px"
+                        className="aspect-[16/10] w-full object-cover"
+                      />
+                    </div>
+                    <span className="mt-2 block text-xs text-[var(--text-secondary)] group-hover:text-[var(--text-primary)]">
+                      {post.title}
+                    </span>
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </section>
+        )}
+
+        <section className="mb-16">
+          <h2 className="ledger-display text-2xl font-bold mb-4">{t('inside.heading')}</h2>
+          <p className="text-[var(--text-secondary)] mb-6">{t('inside.body')}</p>
+          <ul className="flex flex-wrap gap-2">
+            {(studios?.techStack ?? []).map((tech) => (
+              <li
+                key={tech}
+                className="ledger-mono rounded-full border border-[var(--border-default)] bg-[var(--bg-elevated)] px-3 py-1.5 text-[11px] text-[var(--text-secondary)]"
+              >
+                {tech}
+              </li>
+            ))}
+          </ul>
+        </section>
+
+        <section>
+          <h2 className="text-xl font-bold mb-6">{t('links.heading')}</h2>
+          <div className="grid gap-px overflow-hidden rounded-lg bg-[var(--border-default)] sm:grid-cols-2">
+            <Link
+              href={projectsHref}
+              className="flex flex-col gap-1 bg-[var(--bg-elevated)] p-5 transition-opacity hover:opacity-90"
+            >
+              <span className="ledger-mono text-[10px] tracking-[0.25em] uppercase text-[var(--text-muted)]">
+                LEDGER
+              </span>
+              <span className="text-sm text-[var(--text-primary)]">{t('links.project')}</span>
+            </Link>
+            <Link
+              href={hireHref}
+              className="flex flex-col gap-1 bg-[var(--bg-elevated)] p-5 transition-opacity hover:opacity-90"
+            >
+              <span className="ledger-mono text-[10px] tracking-[0.25em] uppercase text-[var(--text-muted)]">
+                HIRE
+              </span>
+              <span className="text-sm text-[var(--text-primary)]">{t('links.hire')}</span>
+            </Link>
+          </div>
+        </section>
+      </div>
+    </PageTransition>
+  )
+}
diff --git a/src/app/sitemap.ts b/src/app/sitemap.ts
index e4f534d..4856934 100644
--- a/src/app/sitemap.ts
+++ b/src/app/sitemap.ts
@@ -15,7 +15,7 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
   const koPosts = getAllPosts('ko')
   const enPosts = getAllPosts('en')
 
-  const staticPages = ['', '/blog', '/projects', '/hire', '/graveyard', '/about', '/play']
+  const staticPages = ['', '/blog', '/projects', '/hire', '/studio', '/graveyard', '/about', '/play']
 
   // 프로젝트 스크린샷을 /projects 엔트리에 붙여 이미지 사이트맵에 노출한다.
   const projectImages = (projectsData.projects as Project[])
@@ -30,7 +30,7 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
         ? 1
         : page === '/blog'
         ? 0.9
-        : page === '/projects' || page === '/hire'
+        : page === '/projects' || page === '/hire' || page === '/studio'
         ? 0.7
         : page === '/play'
         ? 0.6
diff --git a/src/lib/__tests__/projects.test.ts b/src/lib/__tests__/projects.test.ts
index d594eac..0af2e83 100644
--- a/src/lib/__tests__/projects.test.ts
+++ b/src/lib/__tests__/projects.test.ts
@@ -1,5 +1,12 @@
 import { describe, it, expect } from 'vitest'
-import { getHireStats, hasIndexablePage, HIRE_CASE_STUDIES, projectHref, sortProjectsFeaturedFirst } from '../projects'
+import {
+  getHireStats,
+  hasIndexablePage,
+  HIRE_CASE_STUDIES,
+  PROJECT_SHOWCASE,
+  projectHref,
+  sortProjectsFeaturedFirst,
+} from '../projects'
 import type { Project } from '@/types/content'
 import projectsData from '../../../content/projects.json'
 
@@ -31,7 +38,11 @@ describe('sortProjectsFeaturedFirst', () => {
   })
 })
 
+// Deliberately a slug with no PROJECT_SHOWCASE entry, so "bare" stays bare.
+// Reach for a real slug here and the negative cases start passing for the
+// wrong reason.
 const bare = {
+  slug: 'a-project-with-no-showcase',
   screenshot: undefined,
   website: undefined,
   github: undefined,
@@ -79,6 +90,30 @@ describe('hasIndexablePage', () => {
       }),
     ).toBe(true)
   })
+
+  // The case this rule exists for: private work with no public surface at all,
+  // which therefore cannot qualify any other way. A showcase page is somewhere
+  // to go, and "nowhere to go" is the whole test.
+  it('accepts a private project whose page links to a showcase', () => {
+    for (const slug of Object.keys(PROJECT_SHOWCASE)) {
+      expect(
+        hasIndexablePage({
+          ...bare,
+          slug,
+          private: true,
+          github: 'https://github.com/writingdeveloper/secret',
+        }),
+        `${slug} has a showcase page but was filtered out as thin`,
+      ).toBe(true)
+    }
+  })
+
+  it('keeps every showcase entry pointing at a slug that exists', () => {
+    const slugs = new Set((projectsData.projects as Project[]).map((p) => p.slug))
+    for (const slug of Object.keys(PROJECT_SHOWCASE)) {
+      expect(slugs.has(slug), `PROJECT_SHOWCASE names "${slug}", which is not a project`).toBe(true)
+    }
+  })
 })
 
 describe('projectHref', () => {
diff --git a/src/lib/__tests__/sitemap.test.ts b/src/lib/__tests__/sitemap.test.ts
index d9b741e..f64efed 100644
--- a/src/lib/__tests__/sitemap.test.ts
+++ b/src/lib/__tests__/sitemap.test.ts
@@ -48,4 +48,21 @@ describe('sitemap', () => {
       en: `${SITE_URL}/en/hire`,
     })
   })
+
+  it('lists the studio page in both locales at the same priority as /projects', async () => {
+    const entries = await sitemap()
+    const ko = entries.find((e) => e.url === `${SITE_URL}/studio`)
+    const en = entries.find((e) => e.url === `${SITE_URL}/en/studio`)
+    const projects = entries.find((e) => e.url === `${SITE_URL}/projects`)
+
+    expect(ko, 'ko /studio missing from the sitemap').toBeDefined()
+    expect(en, 'en /studio missing from the sitemap').toBeDefined()
+    // Not the 0.5 floor: /studio is a substantial page, and dropping to the
+    // floor is the silent failure mode when the priority ladder is edited.
+    expect(ko?.priority).toBe(projects?.priority)
+    expect(ko?.alternates?.languages).toMatchObject({
+      ko: `${SITE_URL}/studio`,
+      en: `${SITE_URL}/en/studio`,
+    })
+  })
 })
diff --git a/src/lib/__tests__/studio-walk.test.ts b/src/lib/__tests__/studio-walk.test.ts
new file mode 100644
index 0000000..3bd16e0
--- /dev/null
+++ b/src/lib/__tests__/studio-walk.test.ts
@@ -0,0 +1,98 @@
+import { describe, it, expect } from 'vitest'
+import { existsSync } from 'node:fs'
+import { join } from 'node:path'
+import { WALK_HOPS, WALK_REJECTS } from '../studio-walk'
+import ko from '../../../messages/ko.json'
+import en from '../../../messages/en.json'
+
+/** Both message files, so every assertion below runs against each locale. */
+const LOCALES = { ko: ko.studio, en: en.studio } as const
+
+/** Walks a dotted path, returning undefined rather than throwing on a gap. */
+function lookup(root: unknown, path: string): unknown {
+  return path
+    .split('.')
+    .reduce<unknown>(
+      (node, key) =>
+        node && typeof node === 'object' ? (node as Record<string, unknown>)[key] : undefined,
+      root,
+    )
+}
+
+function flatten(root: unknown, prefix = ''): string[] {
+  if (!root || typeof root !== 'object') return [prefix]
+  return Object.entries(root as Record<string, unknown>).flatMap(([key, value]) =>
+    flatten(value, prefix ? `${prefix}.${key}` : key),
+  )
+}
+
+describe('studio walk data', () => {
+  // The page renders each record row as t(`record.${row.key}`). next-intl
+  // throws on a missing key, so a row whose label was never added takes the
+  // whole page down — in one locale only, which is exactly the kind of break
+  // that reaches production.
+  it('has a record label in both locales for every row key used by a hop', () => {
+    for (const [locale, messages] of Object.entries(LOCALES)) {
+      for (const hop of WALK_HOPS) {
+        for (const row of hop.record) {
+          expect(
+            lookup(messages, `record.${row.key}`),
+            `${locale}: studio.record.${row.key} is missing, used by hop "${hop.key}"`,
+          ).toBeTypeOf('string')
+        }
+      }
+    }
+  })
+
+  it('has heading, body and alt text in both locales for every hop', () => {
+    for (const [locale, messages] of Object.entries(LOCALES)) {
+      for (const hop of WALK_HOPS) {
+        for (const field of ['heading', 'body', 'alt']) {
+          expect(
+            lookup(messages, `hops.${hop.key}.${field}`),
+            `${locale}: studio.hops.${hop.key}.${field} is missing`,
+          ).toBeTypeOf('string')
+        }
+      }
+    }
+  })
+
+  it('has a note and alt text in both locales for every reject', () => {
+    for (const [locale, messages] of Object.entries(LOCALES)) {
+      for (const reject of WALK_REJECTS) {
+        expect(
+          lookup(messages, `rejects.${reject.noteKey}`),
+          `${locale}: studio.rejects.${reject.noteKey} is missing`,
+        ).toBeTypeOf('string')
+        expect(
+          lookup(messages, `rejects.${reject.noteKey}Alt`),
+          `${locale}: studio.rejects.${reject.noteKey}Alt is missing`,
+        ).toBeTypeOf('string')
+      }
+    }
+  })
+
+  // Every artifact is a file committed under public/. If one is renamed or
+  // never lands, next/image renders a broken frame on a page whose entire
+  // argument rests on the artifacts being real.
+  it('points every asset at a file that exists under public/', () => {
+    const assets = [...WALK_HOPS.map((h) => h.src), ...WALK_REJECTS.map((r) => r.src)]
+    expect(assets.length).toBeGreaterThan(0)
+
+    for (const src of assets) {
+      expect(src.startsWith('/'), `${src} must be a root-relative public path`).toBe(true)
+      expect(
+        existsSync(join(process.cwd(), 'public', src)),
+        `public${src} is referenced but not committed`,
+      ).toBe(true)
+    }
+  })
+
+  it('keeps the ko and en studio namespaces on the same key set', () => {
+    const koKeys = flatten(ko.studio).sort()
+    const enKeys = flatten(en.studio).sort()
+
+    expect(koKeys.filter((k) => !enKeys.includes(k)), 'keys present only in ko').toEqual([])
+    expect(enKeys.filter((k) => !koKeys.includes(k)), 'keys present only in en').toEqual([])
+  })
+})
diff --git a/src/lib/projects.ts b/src/lib/projects.ts
index b14bbd7..1f2579b 100644
--- a/src/lib/projects.ts
+++ b/src/lib/projects.ts
@@ -26,6 +26,22 @@ export function projectHref(slug: string, locale: string): string {
   return locale === 'ko' ? `/projects/${slug}` : `/${locale}/projects/${slug}`
 }
 
+/**
+ * Projects that have a page on this site showing the work itself.
+ *
+ * A private project publishes no repo link, and some have no website either,
+ * which leaves the detail page as a description with nowhere to go — exactly
+ * the shape `hasIndexablePage` filters out of the sitemap. Where a showcase
+ * page exists on this site, this points the detail page at it.
+ *
+ * Locale-relative, so callers join it to their own locale prefix. Kept here
+ * rather than as a slug check inside the page for the same reason
+ * APP_CATEGORY lives here: one map beats a conditional copied per call site.
+ */
+export const PROJECT_SHOWCASE: Record<string, string> = {
+  studios: '/studio',
+}
+
 /**
  * Is there anything on this project's page beyond the blurb?
  *
@@ -40,14 +56,24 @@ export function projectHref(slug: string, locale: string): string {
  * just aren't advertised as pages worth ranking. Note the code link follows
  * the Private rule: a private repo's URL is withheld from the page, so it
  * cannot count as something the page offers.
+ *
+ * A showcase page counts too, and for the same reason the rest of this list
+ * does: "nowhere to go" stops being true the moment the page carries a link
+ * to a substantial page of its own. This is what un-thins `studios`, whose
+ * work is private and therefore had no other way to qualify.
  */
 export function hasIndexablePage(
-  project: Pick<Project, 'screenshot' | 'website' | 'github' | 'playStore' | 'private'>,
+  project: Pick<Project, 'slug' | 'screenshot' | 'website' | 'github' | 'playStore' | 'private'>,
   hasRelatedPost = false,
 ): boolean {
   const codeLink = project.private ? undefined : project.github
   return Boolean(
-    project.screenshot || project.website || project.playStore || codeLink || hasRelatedPost,
+    project.screenshot ||
+      project.website ||
+      project.playStore ||
+      codeLink ||
+      PROJECT_SHOWCASE[project.slug] ||
+      hasRelatedPost,
   )
 }
 
diff --git a/src/lib/studio-walk.ts b/src/lib/studio-walk.ts
new file mode 100644
index 0000000..6ddfb29
--- /dev/null
+++ b/src/lib/studio-walk.ts
@@ -0,0 +1,95 @@
+/**
+ * The record the studio wrote while producing the /studio page's assets.
+ *
+ * Every value in this file was copied by hand out of a real generation
+ * response — the seeds, the gate metrics, the asset ids, the review verdicts
+ * and the notes attached to them. The page's whole argument is that these are
+ * the machine's own numbers rather than decoration, so the rule here is
+ * absolute: **if a value cannot be traced back to a response, it does not
+ * belong in this file.** No rounding for looks, no plausible filler, and no
+ * hop added before its artifact actually exists.
+ *
+ * Values that are database enums or model names (`approved`, `krea2`) stay
+ * verbatim rather than being translated. They are what is stored, and the
+ * point of showing them is that they are what is stored.
+ *
+ * The artifacts themselves are hand-picked files committed under `public/`.
+ * The portfolio never reads the studio library at runtime or build time — no
+ * feed, no path import, no thumbnail proxy — because that library is private.
+ * See docs/superpowers/specs/2026-08-12-studio-page-design.md.
+ */
+
+/**
+ * Which row label to look up under the `studio.record` message namespace.
+ *
+ * Kept in lockstep with the keys that actually exist there. Adding a variant
+ * here without adding the label in both messages files makes the page throw at
+ * render, so the union is deliberately narrow rather than aspirational.
+ */
+export type StudioRecordKey = 'model' | 'assetId' | 'seed' | 'gate' | 'verdict' | 'resolution'
+
+export interface StudioRecordRow {
+  key: StudioRecordKey
+  /** Language-neutral — a model name, an id, a number, an enum. Never prose. */
+  value: string
+}
+
+export interface StudioHop {
+  /** Which hop's heading, body and alt text to read from `studio.hops`. */
+  key: 'image'
+  src: string
+  width: number
+  height: number
+  record: StudioRecordRow[]
+}
+
+export interface StudioReject {
+  src: string
+  width: number
+  height: number
+  seed: string
+  /** Which note to read from `studio.rejects`. The note is real; it is
+   *  translated rather than shown verbatim because the page is bilingual. */
+  noteKey: 'r1' | 'r2'
+}
+
+/**
+ * Every image on this page is 640×640 for the same reason.
+ *
+ * These are not exports of the full-resolution assets — they are the review
+ * thumbnails, the exact frames the agent was handed and ruled on. That is the
+ * page's claim, so shipping a prettier render instead would quietly break it.
+ * The originals are 1024×1024 and stay on the machine that made them.
+ */
+const REVIEW_THUMB = { width: 640, height: 640 } as const
+
+export const WALK_HOPS: StudioHop[] = [
+  {
+    key: 'image',
+    src: '/images/studio/stamp-source.webp',
+    ...REVIEW_THUMB,
+    record: [
+      { key: 'model', value: 'krea2' },
+      { key: 'assetId', value: '2d2e9dc0' },
+      { key: 'seed', value: '601255332' },
+      { key: 'resolution', value: '1024 × 1024' },
+      { key: 'gate', value: 'passed · stddev 69.525' },
+      { key: 'verdict', value: 'approved' },
+    ],
+  },
+]
+
+export const WALK_REJECTS: StudioReject[] = [
+  {
+    src: '/images/studio/stamp-rejected-1.webp',
+    ...REVIEW_THUMB,
+    seed: '786101337',
+    noteKey: 'r1',
+  },
+  {
+    src: '/images/studio/stamp-rejected-2.webp',
+    ...REVIEW_THUMB,
+    seed: '1974325485',
+    noteKey: 'r2',
+  },
+]